제가 코드 작성하면서 나만의 컨벤션을 작성해보았습니다. 📖 정리파일컴포넌트 파일컴포넌트로 분리된 파일은 PascalCase를 적용한다.Header.jsx Main.jsx PopUpNews.jsx 컴포넌트 이외의 파일컴포넌트가 아닌 파일은 camelCase 스타일을 적용한다.fetchApi.jsx auth.jsx 스타일 시트 파일(CSS)은 스타일 시트 적용할 파일명과 동일하게 맞춘다.Header.jsx Header.css 다른 스타일 시트 파일(ex. Styled-components)은, 스타일 시트 적용할 파일명 + .style 를 붙여준다. (내가 선호하는 컨벤션!) 또는 camelCase로 작성한다. camelCase로 작성하는 사람들이 많아 취향따라 다른거 같다.Header.tsx // 컴포넌트 ..

📖 코딩 컨벤션 (기본) HTML 템플릿 구조 클래스, Id : 공통 영어 소문자, 숫자, 언더스코어만 사용한다. 명명 시작은 영어 소문자를 이용한다. 명명시 유추하기 쉬운 단어를 사용한다. 잘못된 예 올바른 예 abc student 단어와 단어를 조합할 때는 언더스코어( _ ) 하나만 사용한다. 잘못된 예 올바른 예 studentScore student_score light__star light_star 단어와 숫자를 조합할 때는 붙여 쓴다. 잘못된 예 올바른 예 no_1 no1 약어 사용? : 이거는 협업하는 사람과 얘기를 해야할 듯. 풀네임 약어 button btn function fnc Id Id는 레이아웃을 지정할때 사용한다. 절대로 스타일을 적용하지 않는다. 잘못된 예 올바른 예 #id {co..

국민내일배움카드로 국비지원받고 프론트엔드 학습 열공 챌린지 1주차 ❓상황 작년 12월달에 스파르타코딩클럽을 통해 웹 코딩공부를 마친 이후, 잔여 국비지원비를 소모시킬겸 프론트엔드 기초를 다지기 위해 패스트캠퍼스의 React & Redux로 시작하는 웹 프로그래밍을 지원하였음. 회고록은 열공 챌린지를 수행하기 위해 작성하였음. (1~8주차까지 작성해야한다.) 내가 작성한 회고록이 우수글로 선정되었다고 문자를 받게 되었다. (2022-8-12 수정완료) 🎥 목차 더보기 1. 목표 2. 알게된 점 3. 좋았던 점 4. 아쉬운 점 5. 나의 다짐 🚀 목표 패스트 캠퍼스에서 학습주차별로 구분지어줬기 때문에, 1주차 학습강의 듣기가 학습 목표이다. 💡 알게된 점 웹 애플리케이션 Flow 흔히, 애플리케이션이라고한다..

install | npm Docs Download and install node and npm docs.npmjs.com 📖 npm npm이란? 개념 정리 Node.js Package Manager의 약자입니다. Node.js로 만들어진 패키지을 웹을 통해 쉽게 설치하고 관리해주는 프로그램입니다. 간단한 명령어로 기존에 공개된 패키지(node_modules)을 설치할 수 있습니다. package.json을 통해 설치된 패키지의 업데이트 버전을 쉽게 확인 가능하며, build를 통해 파일크기를 줄여 웹 속도를 향상하는 등 JavaScript를 이용한 프로젝트를 개발하는데 편리성을 제공합니다. npm 설치 Node.js를 설치하면, 자동으로 npm이 설치가 된다. Node.js를 설치하고, npm이 정상적으..

📖 Git 정리 - 실습 Pull Request Fork Fork를 통해, 자신의 원격저장소로 원본 원격저장소를 통째로 복사해 가져간다. Fork하는 이유 다른 사람이 작성한 코드를 수정했으면 좋겠다고 요청을 할때 사용한다. 팀 프로젝트를 진행시 필요한 사전작업이다. Clone Fork로 생성된 자신의 원격저장소를 내 컴퓨터의 로컬저장소에 Clone한다. git bash 프로그램으로 Clone을 진행한다. # Git Bash $ git clone [원본 원격저장소를 복사하여 나의 원격저장소에 생성된 저장소의 URL] 로컬저장소와 Clone을 진행한 원격저장소가 자동으로 origin이라는 이름으로 연결되어 있다. 확인해보려면, 다음과 같은 명령어를 입력해서 확인한다. # Git Bash $ git remo..