대학원생 신짜오는 공부중

옛날부터 정말 해봐야겠다고마음먹었던 것 중 하나인개인 홈페이지 개발 및 배포 프로젝트 .. 초반에는 UI/UX부터Html, css까지 싹다 내 마음대로만들려고 했다가 시간 너무 오래 걸림 issue로방향을 조금 바꿔보기로 결정했었다 그래서 start bootstrap을 이용해무료 html, css 템플릿을 참고하였고각종 색상이나 디자인, 구성은내가 필요한대로 변경하여 완성한나의 웹페이지 프로젝트... https://my-app-jiyous-projects.vercel.app/ Welcome to GU's HomeSkills & Studies Programming Languages & Tools htmlcssjavascriptreactnode.jsspringc++javapythonkotliniOS/swif..

개인 웹페이지 만들기 프로젝트를개발 완성하고build를 해보려구npm run build를 하자error가 떴다 에러 내용은Synchronous scripts should not be used에러였고구글링해보니 이는nextjs는 서버사이드에서 렌더링하는데화면이 뜨기 전에 script를불러오려고해서 발생하는 문제였다 해결방법은 2가지가 있는데 1. script뒤에 defer 붙여주기 이렇게 불러오는 script 뒤에 defer를 붙여주면 된다 2. next.js의 script 사용하기next.js에서 제공하는 next/script 컴포넌트를사용하면 된다위와 같은 방식으로 사용하면 된다 strategy 속성의 값으로는beforeInteractive: 페이지가 인터랙티브해지기 전에 스크립트를 로드afterInt..

처음 개인 홈페이지 개발 프로젝트를구상할 때는피그마에서 템플릿을 보고html이랑 css부터 하나하나손수 작성해서 개발해보자는야심찬 꿈을 꾸었으나 .. 내가 프론트엔드 전문 개발자가 아니다보니시간이 어마어마하게 소요되는 문제가 있었다..  피그마에서 마음에 드는 템플릿가져와서 html이랑 css까지하나하나 손수 제작하다가일시정지했던 이전 프로젝트.. 그래도 저정도까진 작업했다 react 처음 + node.js도 처음이었는데야심차게 DB까지 연동시켜서이것저것 막 작업하다가시간이 너어어어무 오래걸려서좀 더 효율적으로 작업해보자는 마음에방향을 바꿔보기로 했다 ㅎㅎ.. 5-6시간동안 개발했는데폭풍 서칭하느라 크롬에서 검색 탭만거의 10개가 넘었었는데그래도 저정도까지 작업한 것도꽤나 잘했다고 생각한다 ㅎㅎ..(자기..