본문 바로가기

전체 글142

React - TypeScript + Hook(2) 면접, 코딩과제로 인해서 2주간 신경을 못 써서... 이전 초기화 시킨 TypedScript + Hook에서 기존 기능들을 하나씩 추가할 예정이다. 전체적으로 파일 형태를 보면 컴포넌트는 이렇게 구성했다. 아직 서버를 구상하고 있지 않기 때문에, 가상 파일을 만들고 거기서 data를 불러 오려고 한다. App.tsx에 자식 component를 불러왔다. Main과 Phonlist를 불러 왔고, 자식 component에 목업 데이터를 보내주는 방식을 취했다. 이부분을 이해하는데 오래 걸렸다. "부모 component에서 자식 component로 props를 내려줄 때, 자식 component에서 Type을 정해줘야 한다." 면접, 과제 할 때, 짬짬이 찾아 봤을 때, 이해하는데 오래 걸렸던 부분이었다. 그.. 2020. 10. 27.
React - Typescript + Hook(1) TypeScript 설명 - 흔히 TypeScript를 JavaScript의 superset이라고 많이 부른다. JavaScript의 모든기능을 다 가지고 있고, 거기에 추가적인 기능들이 있기 때문이다. 물론 다른 추가적은 기능도 많겠지만, TypeScript를 사용하는 대표적인 추가적인 기능이 변수를 정적인 상태로 만들어서 사용한다. 기존 JavaScript는 변수를 특정한 형태를 지정하지 않고 사용 했지만, TypeScript는 변수를의 형태를 정해놓고 사용한다. - 정적인 타입으로 인해 JavaScript의 단점을 극복하고, 사전에 오류를 해결 해준다는 장점을 가지고 있다. React - TypeScript 기본셋팅하기 - React로 프로젝트를 시작할 때, create-react-app 폴더명 많.. 2020. 10. 7.
React - TypeScript + Hook 이전에 했던 phone book을 React Hook과 typeScript를 활용해서 리팩토링을 할 예정이다. TypeScript는 요즘 매우 핫한 라이브러리 이고, Hook은 Facebook에서 밀고있는 기술이다. 이 두가지를 접목해서 이전에 했던 Phone book을 리팩토링을 진행. phone book을 다시 만드는 이유는 TypeScript를 처음 사용하기 때문에 TypeScript를 연습 하는 것이고 Hook으로 codestate 과제를 했는데 복습을 하기위해서 리팩토링을 하려고 한다. 이전에 했던 Phone book은 SPA로 작성 되었기 때문에 우선은 SPA로 작성을 하고, 서버를 구축하고 즐겨찾기, 로그인 기능같은것을 넣어야 겠다. 2020. 10. 6.
4주 프로젝트 백서 Project 명 : Corona-Diary ▶프로젝트 의도 : 소통을 통해, 공감대를 형성하고, 더 나아가 빠른 회복을 위한 일기 ▶팀원: 4명 -front : 2명(내가 맡은 일 : react 기능 구현 및 CSS 담당) -back: 2명 ▶사용 Stack - React, React-router, Axios, styled-component ▶구현영상 - 구현영상이 많아서 링크 참조 => Notion 바로가기 ▶내가 한일 1. React - Router - 코드 선정 : SPA형태를 모아서 Web 사이트를 만들려 했기 때문에 React-router로 router 해주기 위해 사용 - 코드 기능 * App.js에서 router를 통해서 page 폴더의 있는 page를 render를 하고 각 page의 기.. 2020. 9. 27.
반응형

티스토리툴바