프로젝트에 들어가기에 앞서 혼자 레포지토리를 파서 개발을 할 경우 main 브랜치에서 작업하는 경우가 많겠지만 여러 사람들과 프로젝트를 진행하기 위해서는 충돌을 막기 위해 브랜치를 새로 생성해서 작업을 진행해야한다. 브랜칭(branching) 기존 개발 중인 메인 개발 코드를 그대로 복사하여 새로운 기능 개발을 메인 개발 코드를 건드리지 않고 할 수 있는 버전 관리 기법 처음에 GitHub Repository를 생성하면 나오는 main 브랜치에서만 작업을 하다가 새로운 기능 개발을 위해 feature 브랜치를 새로 생성하는 경우, 기존 main 브랜치에서의 작업은 유지하고 새로운 feature 브랜치에서 자유롭게 코드를 추가 및 삭제할 수 있음 . 브랜치 생성하기 / 변경하기 (git switch) 이때..
분류 전체보기
프로젝트에 앞서 우리 팀은 타입스크립트로 프로젝트를 만들기로 했다. 타입스크립트에 대해 잘 알지 못해 걱정이 앞서지만 차근차근 공부하며 진행해볼것이다 ! 타입스크립트를 사용하기 위해 몇가지 기본 설정이 필요하다 지금부터 차근차근 내가 이해할 수 있도록 정리해놓을 것이다 ! 1. 먼저 프로젝트 폴더를 생성하고 vscode 에서 실행 2. 새로운 프로젝트를 초기화 npm init -y init 은 초기화한다는 것을 알겠는데 -y 옵션은 뭐지 ? => 기본값을 설정 후 package.json 파일이 생성 npm init -y 명령은 npm 프로젝트를 초기화하는 명령입니다. -y 플래그는 초기화 도중 나오는 모든 프롬프트에 자동으로 기본값을 선택하도록 합니다. 일반적으로 npm init 명령을 실행하면 프로젝트..
목표 1년안에 프론트엔드 개발자로 성공하기 자기주도 학습을 통한 공부 습관 기르기 ( 매일 TIL 작성) 연봉 3600이상 취업 Keep 1. 블로그로 기록하는 습관 2. 공식 문서 찾아보는 습관 Problem 1. 핸드폰 사용 시간이 너무 김 2. 빈번한 친목활동 3. 낮잠 자는 습관 4. 주말에 공부를 안함 5. 아침에 잘 일어나지 못함 Try 1. 낮잠 안자기 ! 피곤해도 참고 일찍자기 ! (침대에 누워있는 시간은 잠 잘때만 ! ) 2. 주말에 공부하기 ! ( 4시에 퇴근 후 저녁 먹은 후 부터 복습하기 ) 3. 핸드폰 사용시간 정해두고 하기 (불필요한 어플 제거하기 ) 지난 섹션을 마무리하며 썼던 회고와 비교하자면 Keep 이 줄고 Problem 이 많아졌다 .. 즉 이번 섹션에서는 열심히 했다고..
JavaScript Hoisting과 Temporal Dead Zone이 어떻게 연관되어 있는지 설명하세요. React Virtual DOM이 무엇이고, Virtual DOM이 어떤 면에서 좋은가요? Class Component와 Function Component의 차이점이 무엇인가요? React Hook의 사용 규칙에 대해 설명하세요. 자료구조 Stack과 Queue의 차이점은 무엇인가요? Tree와 Graph의 차이점은 무엇인가요? 이진 탐색 방법에 대해 설명할 수 있나요? 타입스크립트 TypeScript는 정확히 무엇이며 JavaScript와 어떻게 다른가요? TypeScript를 사용할 때 어떤 장단점이 존재하나요? TypeScript의 인터페이스를 설명해 주세요. 위의 질문 목록중 카테고리 별 ..
오늘은 타입스크립트를 공부한지 따끈따끈한 2일차가 되는 날이다 ! 타입스크립트 문법 중 열거형 ,인터페이스 ,타입 별칭에 대해 배우고 익혔다. 헷갈렸던 부분이나 다시 알아두면 좋을 부분에 대해 정리해볼것이다 ! 타입스크립트 열거형 (Enum) 특정 값의 집합을 정의할 때 사용됨 , 문자형 열거형과 숫자형 열거형을 지원 enum Color { Black, Red, Green, } 위의 예시에는 Color 라는 열거형을 정의하고 값으로는 Black, Red, Green 세개의 값을 가짐 숫자형 열거형 디폴트 값으로 숫자형을 사용하며 값은 자동으로 0 부터 1씩 증가하는 형태 , 또한 값을 수동으로 지정할 수도 있음 enum Color { Red = 1, Green = 2, Blue = 4, } 문자형 열거형..
오늘은 타입스크립트를 공부한지 1일차가 되는 날이다 ! 오늘은 타입스크립트에 대한 개념과 여러가지 문법에 대해 공부해보았다. 공부한 것을 토대로 블로깅을 해볼것이다 ! 타입스크립트 ? 자바스크립트에 정적타입 검사와 클래스 기반 객체 지향 프로그래밍 등의 기능을 추가하여 개발된 언어 타입스크립트가 왜 필요한가 ? 자바스크립트는 동적 타입이 결정되어 유연하고 다양한 라이브러리와 프레임워크를 사용할 수 있는 장점이 있지만 타입의 명시성이 부족하다는 단점이 존재함. 예를 들어 문자열과 숫자를 더하여 문자열이 되는 것 처럼 타입을 명시적으로 지정하지 않아도 동작하는 경우가 많아 예기치 못한 결과를 초래함 -> 이를 해결하기 위해 타입스크립트가 등장하게 됨 ! 타입스크립트 Type Boolean(불리언) 타입 가..
오늘은 타입스크립트에 대해 처음으로 공부해본 날이었다. 튜토리얼을 따라 공부를 진행을 하며 타입스크립트 프로젝트 환경을 구성하고 있었다. 순조롭게 새로 프로젝트를 만들 폴더도 만들고 vscode 에서 폴더를 열어 타입 스크립트 설치까지 완료하였다 mkdir (폴더명) cd (폴더명) npm init -y --> 새로운 프로젝트를 초기화하기 위함 npm install typescript --save-dev --> 타입스크립트 설치 (여기 까진 순조로웠다 ) 그 후 생성한 프로젝트 루트 디렉토리에 tsconfig.json 파일을 생성해주었다. { "compilerOptions": { "target": "es6", "module": "commonjs", "sourceMap": true, "outDir": "...
지난 5일간 솔로 프로젝트로 'Coz shopping'을 제작하였다. 사실 나는 리액트를 사용해서 처음 프로젝트 셋팅부터 개발까지 프로젝트를 만들어 본 경험이 없었다. 따라서 이번 솔로프로젝트는 나에겐 새로운 도전이었다. 프로젝트 계획 개발에 들어가기에 앞서 프로젝트의 요구사항을 분석하고 플래닝하는 단계를 가졌다. 애자일 방법론에 대해 학습하고 그 중 스크럼 방식을 채택하여 프로젝트 계획을 짰다. 도구로는 깃허브에서 제공하는 기능을 사용하였다. 사실 계획을 짜는데 있어서 카드를 생성할 때 어느정도로 기능을 나누어 작성해야하는지 , 어떤 기준으로 카드를 나누어야 하는지 감이 잡히지 않았다. 그래서 일단 페이지 별로 카드를 먼저 나누고 그 안에서 중복적으로 페이지에 들어갈 기능들은 따로 빼서 카드로 작성했다..
Stack 에 대해 공부를 하고 Stack 문제로 유명한 유효한 괄호쌍 문제를 풀어보았다. 사실 예전에 비슷한 문제를 풀어본 적이 있어서 수월하게 풀 수 있을 줄 알았는데 1시간정도가 걸렸던 것 같다... 너무 기만했던 거 같고 다시 한번 풀어보면서 정리를 해봐야겠다. 문제는 코드스테이츠에서 제공하는 코플릿 문제를 풀었다. ( 아래에 해결과정과 느낀점이 있습니다 ) 문제 설명 입력된 괄호 값들이 모두 쌍이 맞게 올바른지를 판단해 모두 쌍이 맞으면 true 그렇지 않으면 false를 출력하세요. 입력된 괄호 값들이 유효한 경우들은 다음에 해당합니다. 1. 열린 괄호는 같은 타입의 닫힌 괄호로 닫혀있어야 한다. 2. 열린 괄호는 올바른 순서대로 닫혀야만 한다. 3. 모든 닫힌 괄호는 그에 상응하는 같은 타입..
