급한 것, 아픈 것들이 많이 지나가서 다시 시작하는 모던 자바스크립트~_~ 넘나 좋다 엄격 모드(strict mode) 그동안 자바스크립트는 기존 기능의 변경 없이 새로운 기능이 추가되어 오랫동안 호환성 이슈 없이 발전해왔다. - 기존의 코드가 망가지지 않음 - 창시자들의 실수나 불완전함이 언어 안에 박제되어 있음 위의 현상이 2009년까지 지속되었다. ES5에서 드디어 새로운 기능 추가와 함께 기존 기능 일부가 변경되었다. > 기존 기능의 변경으로 호환성 문제가 생김 >> 이를 위해 기본 모드에서는 활성화 되지 않게 설계 >>> use strict 라는 특별한 지시자를 사용해 엄격 모드(strict mode)를 활성화 할 수 있음 리액트와 특히 next.js를 사용하다 많이 봤던 use strict!!..

시간 제한 메모리 제한 제출 정답 맞힌 사람 정답 비율 2 초 128 MB 11195 4312 3631 40.520% 문제 영식이는 직사각형 모양의 성을 가지고 있다. 성의 1층은 몇 명의 경비원에 의해서 보호되고 있다. 영식이는 모든 행과 모든 열에 한 명 이상의 경비원이 있으면 좋겠다고 생각했다. 성의 크기와 경비원이 어디있는지 주어졌을 때, 몇 명의 경비원을 최소로 추가해야 영식이를 만족시키는지 구하는 프로그램을 작성하시오. 입력 첫째 줄에 성의 세로 크기 N과 가로 크기 M이 주어진다. N과 M은 50보다 작거나 같은 자연수이다. 둘째 줄부터 N개의 줄에는 성의 상태가 주어진다. 성의 상태는 .은 빈칸, X는 경비원이 있는 칸이다. 출력 첫째 줄에 추가해야 하는 경비원의 최솟값을 출력한다. 예제 ..

새 시간 제한 메모리 제한 제출 정답 맞힌 사람 정답 비율 2 초 128 MB 5865 4306 3797 74.818% 문제 N마리의 새가 나무에 앉아있고, 자연수를 배우기 원한다. 새들은 1부터 모든 자연수를 오름차순으로 노래한다. 어떤 숫자 K를 노래할 때, K마리의 새가 나무에서 하늘을 향해 날아간다. 만약, 현재 나무에 앉아있는 새의 수가 지금 불러야 하는 수 보다 작을 때는, 1부터 게임을 다시 시작한다. 나무에 앉아 있는 새의 수 N이 주어질 때, 하나의 수를 노래하는데 1초가 걸린다고 하면, 모든 새가 날아가기까지 총 몇 초가 걸리는지 출력하는 프로그램을 작성하시오. 입력 첫째 줄에 새의 수 N이 주어진다. 이 값은 109보다 작거나 같은 자연수이다. 출력 첫째 줄에 정답을 출력한다. 예제 ..

트로피 진열 시간 제한 메모리 제한 제출 정답 맞힌 사람 정답 비율 2 초 128 MB 6125 2962 2497 49.632% 문제 민식이는 “오민식”이라는 팀이름으로 수없이 많은 로봇대회를 우승했다. 따라서 민식이의 집에는 트로피가 많다. 민식이는 트로피를 어떤 선반 위에 올려놨다. 이 선반은 민식이의 방문을 열고 들어가자마자 선반의 왼쪽이 보인다. 다른말로 하자면, 뒤의 트로피가 앞의 트로피에 가려져 있다는 말이다. 안타깝게도, 높이가 큰 트로피가 높이가 작은 트로피의 왼쪽에 있다면, 높이가 작은 트로피는 큰 트로피에 가려서 보이지 않게 된다. 트로피는 자기의 앞에 (보는 사람의 관점에서) 자기보다 높이가 작은 트로피가 있을 때만 보이게 된다. 민식이는 선반을 180도 회전시켜서 트로피가 보이는 개..

베스트셀러 시간 제한 메모리 제한 제출 정답 맞힌 사람 정답 비율 2 초 128 MB 16941 8657 7187 51.248% 문제 김형택은 탑문고의 직원이다. 김형택은 계산대에서 계산을 하는 직원이다. 김형택은 그날 근무가 끝난 후에, 오늘 판매한 책의 제목을 보면서 가장 많이 팔린 책의 제목을 칠판에 써놓는 일도 같이 하고 있다. 오늘 하루 동안 팔린 책의 제목이 입력으로 들어왔을 때, 가장 많이 팔린 책의 제목을 출력하는 프로그램을 작성하시오. 입력 첫째 줄에 오늘 하루 동안 팔린 책의 개수 N이 주어진다. 이 값은 1,000보다 작거나 같은 자연수이다. 둘째부터 N개의 줄에 책의 제목이 입력으로 들어온다. 책의 제목의 길이는 50보다 작거나 같고, 알파벳 소문자로만 이루어져 있다. 출력 첫째 줄..

next js는 페이지를 html 형태로 export하거나 pre rendering 함 html 이 initial state > 모두 렌더링 되기 전에 이미 내비바랑 html에 써놓은 loading이 보임 create react app 같은 경우 렌더링이 되기 전까지는 아무것도 안 보일 것. 이 로딩 페이지가 보여지기 싫을 때 api가 모두 완료되었을 때 보여주고 싶을 때 data가 들어올 때 모두 render 되게! getServerSideProps getServerSideProps 는 클라이언트가 아니라 무조건 서버에서만 돌아서 뭔가를 써도 클라이언트엔 보여지지 않음! > rewrites로 했던 api key 숨기기도 여기서 할 수 있다. 우선 원래 썼던 fetch api movies 부분을 지워주고..

문제 세준이는 영어로만 이루어진 어떤 문서를 검색하는 함수를 만들려고 한다. 이 함수는 어떤 단어가 총 몇 번 등장하는지 세려고 한다. 그러나, 세준이의 함수는 중복되어 세는 것은 빼고 세야 한다. 예를 들어, 문서가 abababa이고, 그리고 찾으려는 단어가 ababa라면, 세준이의 이 함수는 이 단어를 0번부터 찾을 수 있고, 2번부터도 찾을 수 있다. 그러나 동시에 셀 수는 없다. 세준이는 문서와 검색하려는 단어가 주어졌을 때, 그 단어가 최대 몇 번 중복되지 않게 등장하는지 구하는 프로그램을 작성하시오. 입력 첫째 줄에 문서가 주어진다. 문서의 길이는 최대 2500이다. 둘째 줄에 검색하고 싶은 단어가 주어진다. 이 길이는 최대 50이다. 문서와 단어는 알파벳 소문자와 공백으로 이루어져 있다. 출..

하하하하하하 글이 날아갔다 완전 열심히 썼는데ㅣ... API key 숨기기 api key가 노출이 되면 안되는 이유 - 하루 사용량 제한이 있는 경우 - 사용자들의 남용 우려 - 모두가 개인 목적으로 사용하게 되면 사용에 제한이 걸릴 수도 있다 이런 것들이 있다. 지금 그냥 이렇게 쓴 상태에서는 네트워크 탭에서 redirect와 rewrite nextjs에선 request에 mask를 씌우는 redirect와 rewrite를 할 수 있다. - redirect 유저가 contact로 가려고 하면 new-url로 보내는 거 next js는 pattern matching이 가능해서 :path를 해놓으면 유저가 contact/123 를 입력했을 때 new-url/123으로 보내준다! :path/*을 하면 con..