재혁의 기술블로그 재혁의 기술블로그

카카오 지도 api를 받아서 지도 구현하기 1. 먼저 (https://developers.kakao.com/)에 들어간 후 시작하기 버튼을 누른다. 2.애플리케이션 추가를 한다. 3. 플랫폼을 눌러서 각자 필요한 카테고리에 들어간 후 사이트 도메인을 추가해 준다. (나는 리액트여서 https://localhost:3000로 해줬다) - visual.studio.code로 돌아가서 public 의 index.html에 발급받은 카카오지도 javascript 키를 발급받아 추가 해준다. (키값이라고 적은곳에 발급받은 키를 넣어주면 된다.) 나는 탭에 따라 다른 지도를 보여줘야 했으므로 네개를 발급 받았는데 더 좋은 방법이 있다면 알려주세요~~! //index.html // header에 스크립트로 키값을 넣..

Next.js에 styled-components 사용중에 이런 에러가 나타났다면? .babelrc에 해당 설정을 추가해주자

9.1자로 첫 출근을 하게 됐고 그동안 블로그를 자체적으로 만든 블로그에만 포스팅을 해서 최근에 올리지를 않았었는데 다시 관리의 필요성을 느껴서 회사에서 사용하는 기술스택인 Next.js에 대한 정리를 해보려고 합니다. 넥스트란? nextjs는 React로 만드는 서버사이드 렌더링 프레인 워크입니다. 서버사이드 렌더링을 함으로 얻는 이득은 다음과 같습니다. 클라이언트 렌더링의 경우 모든 js 파일을 로드하고 사용자는 웹을 보게됩니다. 이때까지 사용자는 많은 시간을 대기해야 합니다. seo 문제 - 클라이언트 사이드의 경우 자바스크립트가 로드 되지 않은 경우 아무런 정보를 보이지 않습니다. 구글의 검색엔진의 경우 자바스크립트가 로드되지 않은 페이지를 검색엔진으로 스캔함으로 결론적으로 검색에 아무 페이지도 ..