프론트엔드 2년차 개발자입니다. 잘 부탁드려요 🧸
게시글
질문&답변
TypeError: nextCallback is not a function (next-redux-wrapper 7.0)
ENTRY님 loadMyInfoRequestAction, loadPostsRequestAction은 어디서 가져오신건가요?
- 11
- 6
- 1.2K
스터디
모집완료
(재업, 모집완료)타입스크립트 TIL 1:1 구합니다
- 0
- 4
- 232
질문&답변
TypeError: props.refreshFunction is not a function 오류
예 LandingPage에서 refreshFunction 함수를 내려주었지만 오류가 나네요.. SearchMenu refreshFunction={updateSearchTerm} />
- 0
- 2
- 1.2K
질문&답변
TypeError: Cannot read property 'userData' of undefined 오류
@John Ahn 감사합니다. undefined로 뜨네요...ㅠ 혹시 제가 강사님 git에서 boiler-plate를 그대로 안받아오고 첫번째 boiler-plate강의에서 만든 코드로 진행해서 문제가 있을수도 있나요? 강의에서 조금 코드가 바뀐것같아서요...
- 0
- 3
- 341
블로그
전체 32021. 06. 20.
0
[🏊🏻♀️다이버🏊🏻♂️] 스터디 3일차
스터디 팀 명 🏊🏻‍♀️다이버🏊🏻‍♂️ : 타입스크립트 매력에 빠져 헤엄치는 둘 스터디 리더: ethian9227@gmail.com 스터디 팀원: darkbo0@kakao.com, anhongsok@gmail.com, yuchi79@gmail.com 스터디 진행 회차 및 일자 3회차(2021.06.19) TIL: 캡틴판교 타입스크립트 실전편 복습 스터디 주요 내용 자바스크립트 프로젝트에서 타입스크립트로 변환 실습하기. 스터디에서 나왔던 질문 1. 타입스크립트 프로젝트 기본 구성 및 설정방법 2. 타입 적용(파라미터, 화살표함수, DOM, API함수) 방법 3. 외부 라이브러리 모듈화 방법 질문에 대한 서로의 답과 아직 해결하지 못한 질문들 1. 타입스크립트 프로젝트 기본 구성 및 설정방법 NPM초기화, 타입스크립트 라이브러리 설치, 타입스크립트 설정 파일 생성 및 기본 값 추가, 자바스크립트 파일을 타입스크립트 파일로 변환, tsc 명령어를 통해 컴파일. 2. 타입 적용(파라미터, 화살표함수, DOM, API함수) 방법 파라미터들을 명시적으로 any를 선언하고 구체화된 데이터 타입으로 정의해 나가기. 화살표함수 괄호안의 변수 각각 정의해주고 value값은 소괄호를 씌워서 정의하기. DOM 타입 단언(as ~)를 통해 결과에 타입을 넣어주기 API 함수는 API 문서를 확인하고 해당하는 url의 query값 타입 확인하기. 3. 외부 라이브러리 모듈화 방법 npm install로 설치한 뒤에 import를 해온다. 만약 타입정의가 잘 되어있지 않은 외부 라이브러리는 .d.ts파일에서 직접 정의해주고 타입 선언 라이브러리가 제공되지 않는 경우에는 typeRoots라는 속성을 이용해 임의로 정의할 수 있게한다. 다음번 스터디 주제 자신의 자바스크립트 프로젝트를 지정하여 각자 git에 타입스크립트 변환 실습한 것 올리기. 서로 코드리뷰 해주기.
2021. 06. 18.
0
[🏊🏻♀️다이버🏊🏻♂️] 스터디 2일차
스터디 팀 명 🏊🏻‍♀️다이버🏊🏻‍♂️ : 타입스크립트 매력에 빠져 헤엄치는 둘 스터디 리더: ethian9227@gmail.com 스터디 팀원: darkbo0@kakao.com, anhongsok@gmail.com, yuchi79@gmail.com 스터디 진행 회차 및 일자 2회차(2021.06.18) TIL: 캡틴판교 타입스크립트 입문편 복습 스터디 주요 내용 타입스크립트의 기초적인 타입 종류들과 개념들 스터디에서 나왔던 질문 인터페이스와 타입별칭의 개념과 차이. 유니온 타입과 인터섹션 타입의 개념과 차이. 이넘과 제네릭의 개념. 질문에 대한 서로의 답과 아직 해결하지 못한 질문들 1. 인터페이스와 타입별칭의 개념과 차이. 인터페이스는 항상 특정 형식을 준수하는 데이터만 받겠다는 상호간의 약속. 타입별칭은 새로운 타입 값을 생성하는 것이 아닌 특정 타입을 참조할 수 있는 타입 변수. 둘의 차이는 인터페이스는 확장이 가능하지만 타입 별칭은 확장이 불가능하다. 2. 유니온 타입과 인터섹션 타입의 개념과 차이. 유니온 타입(|)은 특정 타입을 여러개 쓸 수 있게 해주고 공통된 속성만 접근이 가능하지만, 인터섹션 타입(&)은 갖고 있는 모든 속성의 타입을 포함시킨다. 유니온 타입은 둘 중하나의 파라미터가 들어가면 되지만 인터섹션 타입은 파라미터 속성 모두 즉, 하나라도 누락시 오류가 생긴다. 3. 이넘과 제네릭의 개념. 이넘은 특정 값들의 집합을 의미하는 자료형으로 구체적인 값을 제안해줌으로써 제공되는 값만 넘겨 좀 더 정확한 코드, 예외처리 케이스가 줄어든다. 제네릭이란 함수를 정의할 때 타입을 비워놓은 상태에서 타입이 뭐가 들어갈 것인지 호출하는 시점에서 정의하는 것으로 타입을 추론해서 최종 반환값까지 붙일 수 있다는 타입 정의에 대한 이점을 가지고 있다. - 해결하지 못한 질문 Promise를 쓰는 이유와 타입스크립트에서 적용하는 방법. 다음번 스터디 주제 캡틴판교의 타입스크립트 실전편을 복습 및 해결하지 못한 질문 정리해오기.
2021. 06. 17.
1
[🏊🏻♀️다이버🏊🏻♂️] 스터디 1일차
스터디 팀 명 🏊🏻‍♀️다이버🏊🏻‍♂️ : 타입스크립트 매력에 빠져 헤엄치는 둘 스터디 리더: ethian9227@gmail.com 스터디 팀원: darkbo0@kakao.com, anhongsok@gmail.com, yuchi79@gmail.com 스터디 진행 회차 및 일자 1회차(2021.06.17) TIL: 타입스크립트 환경설정 스터디 주요 내용 앞으로 전체적인 스터디 방향과 VSCode로 프로젝트 환경설정을 공유했어요! 스터디에서 나왔던 질문 자바스크립트 대신 타입스크립트를 쓰는 이유와 ESLint, Prettier, Babel설정에 관한 질문과 답변을 주고 받았습니다. 질문에 대한 서로의 답과 아직 해결하지 못한 질문들 타입스크립트는 자바스크립트의 확장된 언어로 에러의 사전 방지 및 코드의 자동 완성이 가능해 개발의 생산성을 향상시켜주기 때문에 쓴다. ESLint은 문법 검사 라이브러리, Prettier는 코드 정리 도구 라이브러리 Babel은 최신 자바스크립트의 문법을 다양한 브라우저와 호환하기 위해 변경해주는 기능 다음번 스터디 주제 캡틴판교의 타입스크립트 입문편을 복습할거에요! 타입스크립트의 기초적인 타입 종류들과 개념들을 조사해와서 서로 공유.