본문 바로가기

개발 활동/원티드4

타입스크립트 [원티드 프리온보딩 교육과정] 사용 이유: 안정성, 표현력 런타임에서 계속 타입을 바꿀 수 있는 언어: 약타입 언어 JavaScript, 다이나믹 타입 언어 강타입 언어: 변수를 선언한 시점부터 지정해야 함. 지정한 타입을 벗어난 값은 해당 값을 할당할 수 없다: 정적타입 컴파일 언어: 통째로 번역함. 책 한권을 다 번역한 뒤 완성본을 내가 받아봄. 최초 실행 시간이 길다(컴파일 하는데 시간이 필요) 인터프리터 언어: 실시간 번역. 책 한문장 한 문장을 바로바로. 앞에서 한걸 또 하면 반복해서 해야하고, 시간이 조금 필요함. 최초 실행 시간이 짧다(바로 하니까) 추상: 나 이거(매개변수) 하면 이거 줄께(리턴). HOW에 관한 부분이 구체, WHAT에 관한 부분이 추상 타입은 추상을 표현한다. 추상 이라.. 2023. 3. 14.
원티드 프리온보딩 프론트엔드 2주차 과제 피드백 [원티드 프리온보딩 교육과정] 변수명 활용 어떤 동작을 의미하는 지 예시는 구조분해 할당. 명시적인 표현 vs 암묵적인 표현 if(!product.length) 암묵적인 표현 => 생각을 많이 해야 해 if(products.length===0) 명시적인 표현=> 암묵적 + not 연산자가 붙는 경우 *not 연산자가 붙으면 조금 헷갈리게 됨. UX 고려 드래그 하다 풀었을 때 적용되면 안됨 드래그할 때 마다 바로 반영되도록 Router Outlet Suspense 불필요한 함수 선언 event 인자를 넣어서 콜백함수를 만들 필요가 없다. 그대로 e 가 들어감 선언적 코드 더 가독성이 좋다. 삼항연산자와 if 문 구분해서 사용하기 statement: 문법적으로 의미있는 코드들의 연속 const, eval .. 2023. 3. 14.
원티드 프리온보딩 프론트엔드 2주차 회고 2주차 회고 contextAPI: 개념정리 AWS: mock_data.json 방식 vs notion aws 주소 방식 Chakra UI: 라이브러리 설치 및 적용 3주차에 새로 해볼 내용 Styled Components 패키지 apexcharts 라이브러리 이전 강의 다시 정리하기 axios 모듈화, 적용하기 TypeScript 강의 듣기 컴포넌트 분리 2023. 3. 13.
2023-02-22 회고 - 잘 한 점 라이브러리 확인 배포 [1. 로그인 / 회원가입] => 속성을 확인 [Assignment 1]=> 이미 가입되어 있는 경우를 확인(alert) [Assignment 4]=> 로그아웃 기능을 넣어서 테스트 [Assignment 5]=> 태그의 속성과 전체 구조를 확인 [Assignment 6]=> 태그의 속성과 전체 구조를 확인 -잘 못한 점 : 전체 페이지 구조를 미리 설계하지 못한 것, 중복되는 부분을 컴포넌트화 하지 못한 것, API 통신을 적절한 시점에 하지 못한 것, 리다이랙트 후반에 UI가 바뀌면서 중복되는 요소가 생겼는데 컴포넌트화 하지 못했음. 전체적인 페이지 구조를 설계하지 않고 코드작업을 진행함. 중복 컴포넌트가 생기는 부분이 많아졌지만 컴포넌트화 하지 못함.. 변화가 생길.. 2023. 2. 23.