개발자_승딱 개발자_승딱

1. extension 설치부터 한다. vscode 에서 sass , sass compiler , sass indent?? 2.vscode setting 을 해준다. command pallet 를 열고 setting.json 을 검색해보면 3가지 연관검색어가 뜬다. 3가지의 차이는 중간에 있다. workspace 가 있는게 있고 default 가 있는게 있고 아무것도 없는게 있다. 일단 default 에 들어가보면 기본 설정들이 들어있다. 그러니 까 만지지말자 ㅎㅎ 그다음 우리는 기본설정들을 변경해줄수 있는데 그 내용이 첫번째 setting 에 들어 있고 거기서 수정할수 있다.(내 vscode 의 현재설정) 그리고 중간에 workspace 가 들어간게 있는데 이거는 해당 폴더에 해당하는 vscode 설정..

지금까지는 css 를 사용할때 css 파일을 만들어서 컴포넌트에서 풀러다가 사용을했었다.(클래스네임을 이용해서) styled-component 랑 emotion 을 사용해보려고 하는데 왜 이렇게 해야하는가라는 생각이 들어서 찾아봤다. Global namespace: => class명이 build time에 유니크한 해시값으로 변경되기 때문에 별도의 명명 규칙이 필요하지 않다. Dependencies: => CSS가 컴포넌트 단위로 추상화되기 때문에 CSS 파일(모듈)간에 의존성을 신경 쓰지 않아도 된다. Dead Code Elimination: => 컴포넌트와 CSS가 동일한 구조로 관리되므로 수정 및 삭제가 용이하다. Minification: => 네임스페이스 충돌을 막기위해 BEM 같은 방법론을 사용..

background: linear-gradient( 90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100% ); position:sticky z-index:999 justify-self: start justify-content:end grid-gap:1px 기획순서 : 성향파악 > 아이디어브레인스토밍 > 아이디어 결정 > 페이지회의 > 페이지브레인 스토밍 > 1차와이어프레임 > 프로토타입작성 , 스키마테이블 작성 , api 문서작성, 기능플로우 작성 > 최종프로토타입작성 > 2차 와이어프레임 작성 > app.js 생성및 헤더 풋터 작업 > 기본 app.js 구성 > 세부일정 분리 > skeleton 코드 page 별 작성 > page별 basic_css > axi..