전체 글

[에러] netlify에서 nextJS의 "getServerSideProps" can not be exported 해결하기

에러 내용 netlify에 배포한 프론트엔드 앱에서, Error occured prerendering page "/". Error for page /: pages with "getServerSideProps" can not be exported ... 라는 에러가 발생해서 해결하는 과정을 담았다. 결론 netlify에서 build시에 [next export]를 실행하고 있다면, 해당 스크립트를 제거하면 된다. 오류 발생까지의 상황 netlify에서 Build settings에서의 설정과 밀접한 관련이 있어서 이 부분을 위주로 적을 예정이다. netlify의 Build Setting은 Project - Site Settings - Build & deploy - Build settings 에 있다. 리액트 ..

[꿀팁] 백준 문제를 VSCode + JavaScript로 푼다면, snippets을 활용해보자.

백준에서 JavaScript 풀이 시 어떻게 입력을 받는지 모른다면? [백준] 10828번 스택 - JavaScript(NodeJS) 문제 10828번: 스택 첫째 줄에 주어지는 명령의 수 N (1 ≤ N ≤ 10,000)이 주어진다. 둘째 줄부터 N개의 줄에는 명령이 하나씩 주어진다. 주어지는 정수는 1보다 크거나 같고, 100,000보다 작거나 같다. gobae.tistory.com 이 포스팅을 참고하시길 바랍니다. 백준 문제를 풀 때 우리는! 문제에서 주어지는 input을 받는 처리를 함께 해야한다. 대충 require('readline')~을 이용해서 "input 처리를 하는 코드"와 "문제풀이가 담긴 solution 함수 코드"를 함께 넣어서 제출한다. 보통 문제를 풀고 백준 사이트에 제출하는 ..

[함수형] 커링 Currying을 배워보자.

함수형 시리즈 [함수형] 클로저 Closure에 대해 알아보자. 클로저 클로저란, 내부 함수가 함수가 참조하고 있는 주변 환경에 접근할 수 있는 것을 의미한다. MDN에서는, 클로저는 독립적인 (자유) 변수를 가리키는 함수이다. 클로저 안에 정의된 함수는 만 gobae.tistory.com 이전 클로저 포스팅에 이어 이번에는 커링이다. 커링? 사진 속 연산을 이해할 수 있는가? 이해할 수 있다면 이 포스팅은 스킵하면 된다. 커링(Currying)은 함수형 프로그래밍에서 등장하는 필수 개념이다. 쉽게 말하면, '함수를 반환하는 함수'이다. 커링이 왜 사용될까? 함수의 재활용을 위해서 원하는 함수들을 조합해서 사용할 수 있다. 하나 이상의 인수의 함수를, 하나의 인수를 받는 함수로 축소할 수 있다. 그래서 ..

[에러] Safari invalid Date (or NaN) 해결하기

에러 서버 없이 json 데이터 기반으로 프로젝트를 수행하면서 날짜 데이터를 string 타입의 "yyyy-mm-dd hh:mm:ss" 로 보관하고 있었다. ex) date : "2022-05-27 22:10:18" 이 문자열을 new Date의 인자로 넣어주면, 바로 날짜 객체로 변환할 수 있다. 아무튼 이렇게 변환한 날짜를 기반으로 getFullYear, getMonth 등을 하며 이러쿵 저러쿵 했는데, 사파리에서는 new Date()메서드가 "yyyy-mm-dd hh:mm:ss" 입력을 취급하지 않나보다. 그리하여 데이터를 "yyyy/mm/dd hh:mm:ss"로 바꿔보니, 크롬과 사파리 둘 다 new Date 인자로 활용할 수 있었다.

[에러] ** and ** are entirely different commit histories. 해결하기

에러 내용 There isn't anything to compare main and mybranch are entirely different commit histories. 아마 이 키워드로 들어왔다면, 다른 프로젝트를 가져와서 이어서 작업을 완료하고..! PR을 보내려다가 응? 한 경우일 듯 하다. 사실 내가 그랬다..ㅎㅎ😭 과제 전형에 응시하면서 열심히 작업하고 PR을 보내려고 하니, PR 생성이 활성화되지 않더라. PR을 보내기 전까지 git push origin *** 까지는 가능했어서, 과제를 마치기 전까지도 커밋이 끊긴 것도 몰랐다. 동일한 현상을 경험하신 https://jihyewoo.tistory.com/195 블로그 포스팅을 참고했다. 문제와 해결 (이 화면은 vscode에서 git gr..

[프로그래머스] 양궁대회 - 자바스크립트

문제 코딩테스트 연습 - 양궁대회 문제 설명 카카오배 양궁대회가 열렸습니다. 라이언은 저번 카카오배 양궁대회 우승자이고 이번 대회에도 결승전까지 올라왔습니다. 결승전 상대는 어피치입니다. 카카오배 양궁대회 운영위원 programmers.co.kr 카카오 기출문제이다. 문제도 상당히 길고 Test case 8, 18이 쉽지 않았던 문제라 level2에서도 상당한 난이도로 느껴진다. 코드 function solution(n, info) { let answer = new Array(11).fill(0); let answerDiff = Number.MIN_SAFE_INTEGER; function isSmallScoreArr(scoreArr) { for (let i = 10; i >= 0; i--) { if (s..