활동/코멘토 React 실무PT5 [Comento React 실무PT] 4. REST API 스스로 이해한 내용으로 정리했음. 주관이 들어간 글임을 밝힘. 기본 내용 정리 이번에 다룰 내용은 REST API이다. 추가로 수업시간에는 Postman API Tool을 다루었지만, 아직 스스로 다루지 못하였다. 대신 백엔드 서버에 API 구성한 것을 조금 다뤄본다. API API : 클라이언트가 서버에게 데이터를 요청/접근할 수 있는 인터페이스 내가 API에 대해 아는 바로 쉽게 설명하자면 다음과 같다. 클라이언트가 어딘가에 저장되어 있는 데이터를 읽고 쓰고 하려면, 서버에게 요청을 해야한다. 이때 요청하는 창구가 API라고 볼 수 있다. 그 중에서 REST API는 대표적인 API 방법론 중 하나다. 다른 방법론으로는 SOAP API나 GraphQL이 있다. REST API와 GraphQL은 아래 .. 2022. 2. 17. [Comento React 실무PT] 3. 컴포넌트 디자인 스스로 이해한 내용으로 정리했음. 주관이 들어간 글임을 밝힘. 기본 내용 정리 이번에는 styled-component를 활용한 컴포넌트 디자인 적용을 다뤄보고, 추가로 Github 이슈관리를 알아본다. styled-component 간단히 말하자면 css를 자바스크립트 내에서 작성할 수 있는 라이브러리 말 그대로 style이 입혀진 component이다. npm i styled-component로 라이브러리 설치가 가능하다. 자바스크립트 코드 내에서 css를 다룰 수 있으며, css 옵션이 들어간 JSX 컴포넌트를 만들 수도 있다. 나의 코드 중 일부분이다. Container라는 컴포넌트를 만든 것인데, 위 코드를 해석하면 대강 아래와 같다. html에서 section에 해당. isMobile이라는 Bo.. 2022. 2. 17. [Comento React 실무PT] 2. TypeScript 다루기 스스로 이해한 내용으로 정리했음. 주관이 들어간 글임을 밝힘. 기본 내용 정리 이번에 다룰 내용은 TypeScript이다. 추가로 협업하기 좋은 코딩 스타일도 다룬다. TypeScript 자바스크립트에서 Type을 명확하게 지정해줄 수 있는 형태로 보완된 언어이다. 자바스크립트의 경우 type의 변경/이동이 자유롭고 편하다. 하지만 이는 개발자 입장에서 어떤 type이 입력될 지 알 수 없으므로, 오히려 불편하기도 하다. 타입스크립트는 이를 보완하여, type도 지정할 수 있다. 협업하기 좋은 코딩? 코드를 잘 짠다는 것은, 남이 봐도 이해할 수 있는 코드이다. 그래야 협업이 쉽고, 남이 코드를 유지/보수 하기에도 좋다. 이를 위해 다음 4가지 규칙들을 준수하면 좋다. 1. 네이밍 컨벤션 준수하기 각종 .. 2022. 2. 17. [Comento React 실무PT] 1. Git, Github 다루기 강의내용 뿐만 아니라, 스스로 찾아본 내용까지 같이 정리했음. 기본 내용 정리 이번에 다룰 내용은 협업에서 쓰는 Git과 Github이다. Git 로컬에서 관리되는 버전 관리 시스템 (VCS : Version Control System) 쉽게 말하면 코드를 수정한 이력을 기록해주는 시스템이라 보면 된다. 사용자가 원할때 체크포인트를 찍고, 특정 시점으로 파일들과 코드들을 되돌릴 수 있다. Git 용어 정리 커밋 (commit) : 체크포인트를 찍는 것 브랜치 (branch) : 체크포인트들의 히스토리 경로. 분기가 가능하다. Git 커밋 타입 (태그) 커밋을 할때, 실무적으로 중요한 점은 커밋의 내용을 한눈에 파악하기 용이해야 한다는 점이다. 따라서 커밋 제목에 태그를 붙여 수정인지, 삭제인지 등등을 파.. 2022. 1. 12. 이전 1 2 다음
