인텔리제이 유용한 설정

IntelliJ사용하면서 좋은 설정이면 계속 작성하도록 할 예정입니다. 1. 마우스로 글꼴 크기를 변경 시킬수 있는 설정 2. 파일 클릭하면 프로젝트 구조에서 해당 파일을 선택해주는 옵션

• format_list_bulleted 개발 환경 설정
• · 2023. 1. 24.
• textsms

개발 환경 설정(2) - node-sass

Sass란?? (Syntactically awesome stylesheet의 약자) 해석하면 구문적으로 멋진 스타일 시트이다. Sass는 CSS 전처리기로 CSS를 보다 편리하게 사용할 수 있도록 도와준다. 단, 웹에서 직접 동작하지 않기 때문에 전처리기를 통해 동작 가능한 표준의 CSS로 컴파일을 해줘야한다. Sass vs SCSS *공통점 기본적으로 거의 똑같다. 형제처럼 같은 느낌이다. *차이점 Sass는 들여쓰기를 통해 선택자의 유효범위를 구분하는 문법을 사용한다. SCSS는 { } 로 범위를 구분한다. CSS와 유사 Sass를 배워야 하는 이유?? 현실적으로 규모가 큰 기업프로젝트를 style.css 하나로 처리하는 것은 거의 불가능에 가깝기 때문에 Sass를 통해서 CSS관리를 해야하기 때문에..

• format_list_bulleted 개발 환경 설정
• · 2022. 8. 14.
• textsms

개발 환경 설정(1) - git clone

GitHub 설정 repository를 만든다. 만들때 Add.gitignore -> Node 설정하기 그리고 깃헙 저장소에 있는 repository을 내 컴퓨터(로컬)과 연결준다. code에서 해당 깃헙 리포지토리의 주소를 복사하고 git clone (복사한 깃헙주소 붙여넣기) 깃헙과 연동완료 깃헙 설정끝!!

• format_list_bulleted 개발 환경 설정
• · 2022. 8. 14.
• textsms

개발 환경 설정(0) - 코드 에디터

프론트엔드 개발할 때 유용한 Extension들을 적어봤습니다. 1. Prettier format on save 체크 prettier config -> Require Config 체크 require config를 체크하면 루트 디렉토리에서 .prettierrc 같은 파일이 있거나, package.json 안에 prettier key가 있을 때에만 prettier가 적용되도록 해준다. 따라서 따로 .prettierrc 파일을 만들어야만 prettier가 적용이 된다. 설정 -> json으로 열기 -> "editor.defaultFormatter": "esbenp.prettier-vscode" 2. Live Server 3. scss-lint 4. gitmoji (선택사항) git할 때 이모지 추가할 수 있..

• format_list_bulleted 개발 환경 설정
• · 2022. 7. 28.
• textsms