林's

SPA가 대략 어떤 방법론인지 알고, SPA의 클라이언트 사이드랜더링이 무엇인지 먼저 알고 오셨으면 좋겠습니다! 서버사이드 렌더링 html을 서버에서 사용자에게 완성해서 보내준다. 홈 주제1 주제2 홈 안녕친구들~ 장점 응답이 오면, 바로 그릴 수 있다. 페이지마다 고유한 URL을 갖기 때문에 검색어 최적화 문제가 없다. 쉽게 말해서, 구글 검색봇이 내 사이트를 잘 읽어가서 검색 결과에 올려준다는 말! 단점 헤더나 푸터같이 동일하게 보여지는 부분을, 요청할 때마다 같이 받아오니 낭비가 발생한다. 잘 생각해보자, 우리가 jsp를 사용하던 시절, include 폴더에 헤더랑 푸터를 넣어두고 index.jsp 에서 붙여다 썼던 시절을!! AJAX 의 등장 Asynchronous JavaScript and XM..

프론트앤드 개발자라면 한 번쯤은 들어봤을 법한 기능인 emmet, emmet을 사용하면 귀찮게 태그를 일일이 입력할 필요가 없다. 예를들어 div 태그 밑에 ul을 만들고 ul 밑에 li를 3개 만들고 싶다면, div>ul>li*3 을 치고 tab 키를 눌러주면 다음과같이 짠 하고 만들어주는 게 emmet이다. vscode를 사용해서 react를 개발할 때, script 태그 안에서 돔 엘리먼트를 만들 때가 많은데, 이 때 emmet이 작동하지 않을 수 있다. 이를 해결하려면 settings.json 파일에서 emmet에 리액트 환경을 추가해주면 된다. 우선 settings.json 파일을 열려면, (단축키: Ctrl + ', 쉼표' ) File -> Preferences -> Settings -> Ex..