HelloSpring

FHD 1,920 x 1,080 - 디자인 작업과 퍼블리싱 작업에서 FHD를 기준으로 작업 - 세로는 스크롤이 있으므로 크게 상관없고 가로 사이즈가 중요!! - 브라우저 영역 1920, 컨텐츠 영역 1180 내외 -> 컨텐츠 영역 : 제작자가 집중도 있게 보여주고 싶은 고정적인 너비 사이즈 -> 컨텐츠 영역은 일반적으로 1180px 내외에서 결정(SCSS 반응형 레이아웃 사이즈 : 1160px)

v-if, v-show - 조건부 렌더싱 시 사용하는 디렉티브 True False isTrue 가 참 값을 가지면 True가 렌더링 되고, 그게 아니면 False가 렌더링 된다. v-show True 마찬가지로 isTrue가 참 값이면 True가 렌더링 된다. 그러면 여기서 둘의 차이가 뭘까??? v-if는 조건에 따라 컴포넌트가 실제로 생성되거나, 제거된다. 따라서 조건이 참이면 컴포넌트가 생성되고, 거짓이면 제거가 된다. 반면 v-show는 값이 거짓이면 display: none이 되어서 보이지만 않게되는 것!!! display: none

혼자 공부하며 저만의 언어로 정리한 내용이므로 정확하지 않을 수 있습니다. Javascript에서 변수를 선언할 때는 const, let, var를 사용할 수 있다. 이전에는 모두 var로 선언을 했다면 최근에는 const와 let으로 구분해서 사용한다. const와 let은 어떻게 다를까? 먼저, const는 상수로 변하지 않는 값을 정의할 때 사용한다. 즉, 한번 선언하고 초기화를 해주면 값을 변경할 수 없다는 의미이다. let은 추후에 값을 update하고싶을 때 사용한다. 그럼 우리는 뭘 기본적으로 사용하면 되는걸까?? 바로 const const를 기본으로 사용하되 나중에 값을 변경해야 한다? 그러면 let을 사용하자. -> 내가 선언하는 모든 변수가 나중에 값이 변경될 것은 아니므로! 그리고 v..

SPA : Single Page Application SPA가 등장한 이유? 빠르고 강력한 MVC 패턴의 등장으로 빠르게 웹사이트를 만들 수 있으나, 1. 좋아요 하나 클릭하면 깜빡 하면서 새로고침 되는 불편함 2. PC용 / 모바일용 / 안드로이드, iOS용 서버까지 만들어야 했음 --> 서버가 데이터만 보내줘도 브라우저에서 HTML, CSS, JS로 랜더링해낼 수 있다면, 서버는 어디에서 요청이 들어오든 동일한 작업을 해서 데이터를 요청할 수 있음! -> 서버 개발자는 서버 개발에만 집중하면 됨 (이전에는 결과물까지 서버가 요리해서 보내줘야 했음) ==> Angular, React, Vue가 등장!! SPA(Single Page Application) - 서버 : 정적 웹처럼 HTML, CSS, JS..