Front-end 개발
-
[멋쟁이빌더] 지원 (탈락 ㅠ)Front-end 개발 2024. 2. 5. 19:29
+) 2024.02.16 해당 내용으로 지원한 결과 떨어졌습니다. 😭 멋쟁이빌더 선발 기준와 질문 항목 선발 대상과 방식에 대해 다시 한 번 안내드립니다! [선발 대상] 테킷 스쿨을 '수료한' 멋쟁이라면 누구나 지원 가능! (현재 '수강 중'이신 분들은 다음 기수에 도전해주세요 🙏) [선발 방식] - UX, iOS, Android, 프론트엔드, 백엔드 중 지원할 직무를 선택하고 필요 자료를 제출해주세요. - UX 직무는 포트폴리오 필수 제출, 개발 직군의 선택사항으로는 GitHub 링크 제출도 가능합니다. 질문1. 멋쟁이사자처럼 - 테킷에서 진행하는 부트캠프 중 수료한 스쿨명과 기수를 입력해주세요. e.g. 프론트엔드 스쿨 1기 프론트엔드 스쿨 7기 질문2. 멋쟁이필더에 지원한 동기를 설명해 주세요. (..
-
[TS] JavaScript에 없는 튜플 (tuple) 타입Front-end 개발 2024. 2. 3. 15:47
타입스크립트(TypeScript, TS) 튜플(tuple) 타입에 대해 다뤄본다. JavaScript의 타입(Type) JavaScript는 동적 타입 언어(Dynamic Type Language)이기 때문에 정적 언어와 달리 자료형을 정의할 필요가 없다. 즉, 컴파일 과정이 아닌 런타임(코드 실행) 도중에 JavaScript Engine이 자료형을 확인한다. 변수의 경우 변숫값이 할당될 때 해당 값의 타입에 따라 변수 타입이 결정된다. 이런 JavaScript에서는 총 8개의 타입(type) 또는 자료형이 있다. 7개는 불변한 원시 값(Primitive values)으로 문자열(String), 숫자형(Number), 논리형(Boolean), Undefined, Null, Symbol, BigInt 까지..
-
[패캠] 타입스크립트 문법 - tsconfig.json 구성 옵션 (20/20, 끝)Front-end 개발 2024. 2. 1. 17:39
💡 본 타입스크립트 문법 시리즈는, 패캠의 '프론트엔드 웹 개발의 모든 것 초격차 패키지 Online'에 있는 TS 강의 노트이다. 현재 수강 중인 패스트캠퍼스(fastcampus, 이하 패캠) 프론트엔드 패키지 강의가 있다. 강사님은 김영웅(Heropy) 님이다. 이 글을 쓰면서 강사님의 블로그에 '한눈에 보는 타입스크립트' 자료가 있다는 것을 알게 됬다... (바보😅) 강의를 듣는데, 강의자료가 없어서 일일이 강사님이 말씀을 따라 적으면서 강의 교안(?), 강의 노트를 작성했다. 혹시나 나처럼 패캠에서 타입스립트(TypeScript)를 수강하는 사람들에게 도움이 되면 좋겠다. 🔥 20. tsconfig.json 구성 옵션 타입스크립트 프로젝트를 시작하면 tsconfig.json 파일을 만들어서 제공해..
-
[패캠] 타입스크립트 문법 - 타입 가져오기와 내보내기 (export, import) (19/20)Front-end 개발 2024. 2. 1. 17:12
💡 본 타입스크립트 문법 시리즈는, 패캠의 '프론트엔드 웹 개발의 모든 것 초격차 패키지 Online'에 있는 TS 강의 노트이다. 현재 수강 중인 패스트캠퍼스(fastcampus, 이하 패캠) 프론트엔드 패키지 강의가 있다. 강사님은 김영웅(Heropy) 님이다. 이 글을 쓰면서 강사님의 블로그에 '한눈에 보는 타입스크립트' 자료가 있다는 것을 알게 됬다... (바보😅) 강의를 듣는데, 강의자료가 없어서 일일이 강사님이 말씀을 따라 적으면서 강의 교안(?), 강의 노트를 작성했다. 혹시나 나처럼 패캠에서 타입스립트(TypeScript)를 수강하는 사람들에게 도움이 되면 좋겠다. 🔥 19. 타입 가져오기와 내보내기 타입 내보내기와 가져와서 사용하기 export 키워드를 default 없이 작성했다면 이름..
-
[패캠] 타입스크립트 문법 - 패키지의 타입 선언 (18/20)Front-end 개발 2024. 2. 1. 17:09
💡 본 타입스크립트 문법 시리즈는, 패캠의 '프론트엔드 웹 개발의 모든 것 초격차 패키지 Online'에 있는 TS 강의 노트이다. 현재 수강 중인 패스트캠퍼스(fastcampus, 이하 패캠) 프론트엔드 패키지 강의가 있다. 강사님은 김영웅(Heropy) 님이다. 이 글을 쓰면서 강사님의 블로그에 '한눈에 보는 타입스크립트' 자료가 있다는 것을 알게 됬다... (바보😅) 강의를 듣는데, 강의자료가 없어서 일일이 강사님이 말씀을 따라 적으면서 강의 교안(?), 강의 노트를 작성했다. 혹시나 나처럼 패캠에서 타입스립트(TypeScript)를 수강하는 사람들에게 도움이 되면 좋겠다. 🔥 18. 패키지의 타입 선언 타입스크립트의 모듈 개념에 대해서 알아본다. 외부에서 설치한 패키지의 type 선언이 필요할 때..
-
[패캠] 타입스크립트 문법 - 제네릭 인터페이스와 제약 조건 (generic) (17/20)Front-end 개발 2024. 2. 1. 16:49
💡 본 타입스크립트 문법 시리즈는, 패캠의 '프론트엔드 웹 개발의 모든 것 초격차 패키지 Online'에 있는 TS 강의 노트이다. 현재 수강 중인 패스트캠퍼스(fastcampus, 이하 패캠) 프론트엔드 패키지 강의가 있다. 강사님은 김영웅(Heropy) 님이다. 이 글을 쓰면서 강사님의 블로그에 '한눈에 보는 타입스크립트' 자료가 있다는 것을 알게 됬다... (바보😅) 강의를 듣는데, 강의자료가 없어서 일일이 강사님이 말씀을 따라 적으면서 강의 교안(?), 강의 노트를 작성했다. 혹시나 나처럼 패캠에서 타입스립트(TypeScript)를 수강하는 사람들에게 도움이 되면 좋겠다. 🔥 17. 제네릭 -인터페이스, 제약 조건 이번에는 제네릭 문법을 인터페이스에 적용하는 방법을 배운다. 인터페이스에 제네릭 문..
-
[패캠] 타입스크립트 문법 - 제네릭 클래스 (generic) (16/20)Front-end 개발 2024. 2. 1. 16:44
💡 본 타입스크립트 문법 시리즈는, 패캠의 '프론트엔드 웹 개발의 모든 것 초격차 패키지 Online'에 있는 TS 강의 노트이다. 현재 수강 중인 패스트캠퍼스(fastcampus, 이하 패캠) 프론트엔드 패키지 강의가 있다. 강사님은 김영웅(Heropy) 님이다. 이 글을 쓰면서 강사님의 블로그에 '한눈에 보는 타입스크립트' 자료가 있다는 것을 알게 됬다... (바보😅) 강의를 듣는데, 강의자료가 없어서 일일이 강사님이 말씀을 따라 적으면서 강의 교안(?), 강의 노트를 작성했다. 혹시나 나처럼 패캠에서 타입스립트(TypeScript)를 수강하는 사람들에게 도움이 되면 좋겠다. 🔥 16. 제네릭 - 클래스 함수에 적용한 제네릭 문법과 동일한 방식으로 클래스에도 적용해볼 수 있다. 클래스 선언 시 제네릭..
-
[패캠] 패스트캠퍼스 문법 - 제네릭 함수 (generic) (15/20)Front-end 개발 2024. 2. 1. 16:39
💡 본 타입스크립트 문법 시리즈는, 패캠의 '프론트엔드 웹 개발의 모든 것 초격차 패키지 Online'에 있는 TS 강의 노트이다. 현재 수강 중인 패스트캠퍼스(fastcampus, 이하 패캠) 프론트엔드 패키지 강의가 있다. 강사님은 김영웅(Heropy) 님이다. 이 글을 쓰면서 강사님의 블로그에 '한눈에 보는 타입스크립트' 자료가 있다는 것을 알게 됬다... (바보😅) 강의를 듣는데, 강의자료가 없어서 일일이 강사님이 말씀을 따라 적으면서 강의 교안(?), 강의 노트를 작성했다. 혹시나 나처럼 패캠에서 타입스립트(TypeScript)를 수강하는 사람들에게 도움이 되면 좋겠다. 🔥 15. 제네릭 - 함수 제네릭 문법은 크게 함수와 클래스, 인터페이스에서 사용할 수 있다. 오버로딩을 제네릭 문법으로 수정..
-
[패캠] 타입스크립트 문법 - 클래스와 접근 제어자 (14/20)Front-end 개발 2024. 2. 1. 16:27
💡 본 타입스크립트 문법 시리즈는, 패캠의 '프론트엔드 웹 개발의 모든 것 초격차 패키지 Online'에 있는 TS 강의 노트이다. 현재 수강 중인 패스트캠퍼스(fastcampus, 이하 패캠) 프론트엔드 패키지 강의가 있다. 강사님은 김영웅(Heropy) 님이다. 이 글을 쓰면서 강사님의 블로그에 '한눈에 보는 타입스크립트' 자료가 있다는 것을 알게 됬다... (바보😅) 강의를 듣는데, 강의자료가 없어서 일일이 강사님이 말씀을 따라 적으면서 강의 교안(?), 강의 노트를 작성했다. 혹시나 나처럼 패캠에서 타입스립트(TypeScript)를 수강하는 사람들에게 도움이 되면 좋겠다. 🔥 14. 클래스와 접근 제어자 타입스크립트 문법에서는 this로 접근할 수 있는 클래스의 속성들은 constructor 함수..
-
[패캠] 타입스크립트 문법 - 함수 오버로딩 (Overloading) (13/20)Front-end 개발 2024. 2. 1. 16:06
💡 본 타입스크립트 문법 시리즈는, 패캠의 '프론트엔드 웹 개발의 모든 것 초격차 패키지 Online'에 있는 TS 강의 노트이다. 현재 수강 중인 패스트캠퍼스(fastcampus, 이하 패캠) 프론트엔드 패키지 강의가 있다. 강사님은 김영웅(Heropy) 님이다. 이 글을 쓰면서 강사님의 블로그에 '한눈에 보는 타입스크립트' 자료가 있다는 것을 알게 됬다... (바보😅) 강의를 듣는데, 강의자료가 없어서 일일이 강사님이 말씀을 따라 적으면서 강의 교안(?), 강의 노트를 작성했다. 혹시나 나처럼 패캠에서 타입스립트(TypeScript)를 수강하는 사람들에게 도움이 되면 좋겠다. 🔥 13. 함수 - 오버로딩(Overloading) 타입스크립트 함수에서 오버로딩 문법을 사용하면, 기본적인 로직과 매개변수의..
-
[패캠] 타입스크립트 문법 - 함수 명시적 this 타입 (12/20)Front-end 개발 2024. 2. 1. 16:00
💡 본 타입스크립트 문법 시리즈는, 패캠의 '프론트엔드 웹 개발의 모든 것 초격차 패키지 Online'에 있는 TS 강의 노트이다. 현재 수강 중인 패스트캠퍼스(fastcampus, 이하 패캠) 프론트엔드 패키지 강의가 있다. 강사님은 김영웅(Heropy) 님이다. 이 글을 쓰면서 강사님의 블로그에 '한눈에 보는 타입스크립트' 자료가 있다는 것을 알게 됬다... (바보😅) 강의를 듣는데, 강의자료가 없어서 일일이 강사님이 말씀을 따라 적으면서 강의 교안(?), 강의 노트를 작성했다. 혹시나 나처럼 패캠에서 타입스립트(TypeScript)를 수강하는 사람들에게 도움이 되면 좋겠다. 🔥 12. 함수 - 명시적 this 타입 함수에서 this 키워드를 사용할 때, this 키워드의 타입을 명시하는 방법이다. ..
-
[패캠] 타입스크립트 문법 - 타입 별칭 (Alias) (11/20)Front-end 개발 2024. 2. 1. 15:52
💡 본 타입스크립트 문법 시리즈는, 패캠의 '프론트엔드 웹 개발의 모든 것 초격차 패키지 Online'에 있는 TS 강의 노트이다. 현재 수강 중인 패스트캠퍼스(fastcampus, 이하 패캠) 프론트엔드 패키지 강의가 있다. 강사님은 김영웅(Heropy) 님이다. 이 글을 쓰면서 강사님의 블로그에 '한눈에 보는 타입스크립트' 자료가 있다는 것을 알게 됬다... (바보😅) 강의를 듣는데, 강의자료가 없어서 일일이 강사님이 말씀을 따라 적으면서 강의 교안(?), 강의 노트를 작성했다. 혹시나 나처럼 패캠에서 타입스립트(TypeScript)를 수강하는 사람들에게 도움이 되면 좋겠다. 🔥 11. 타입 별칭(Alias) 별칭(alias) : 달리 부르는 이름. 별명 타입 별칭은 type 키워드를 사용하여 내가 ..
-
[패캠] 타입스크립트 문법 - 인터페이스 상속 (extends) (10/20)Front-end 개발 2024. 2. 1. 15:38
💡 본 타입스크립트 문법 시리즈는, 패캠의 '프론트엔드 웹 개발의 모든 것 초격차 패키지 Online'에 있는 TS 강의 노트이다. 현재 수강 중인 패스트캠퍼스(fastcampus, 이하 패캠) 프론트엔드 패키지 강의가 있다. 강사님은 김영웅(Heropy) 님이다. 이 글을 쓰면서 강사님의 블로그에 '한눈에 보는 타입스크립트' 자료가 있다는 것을 알게 됬다... (바보😅) 강의를 듣는데, 강의자료가 없어서 일일이 강사님이 말씀을 따라 적으면서 강의 교안(?), 강의 노트를 작성했다. 혹시나 나처럼 패캠에서 타입스립트(TypeScript)를 수강하는 사람들에게 도움이 되면 좋겠다. 🔥 10. 인터페이스 - 확장(상속) 자바스크립트 클래스 문법에서 extends 키워드로 클래스의 확장(상속) 개념에 대해서 ..
-
[패캠] 타입스크립트 문법 - 인터페이스 인덱스 시그니처 (Index Signature) (9/20)Front-end 개발 2024. 2. 1. 15:33
💡 본 타입스크립트 문법 시리즈는, 패캠의 '프론트엔드 웹 개발의 모든 것 초격차 패키지 Online'에 있는 TS 강의 노트이다. 현재 수강 중인 패스트캠퍼스(fastcampus, 이하 패캠) 프론트엔드 패키지 강의가 있다. 강사님은 김영웅(Heropy) 님이다. 이 글을 쓰면서 강사님의 블로그에 '한눈에 보는 타입스크립트' 자료가 있다는 것을 알게 됬다... (바보😅) 강의를 듣는데, 강의자료가 없어서 일일이 강사님이 말씀을 따라 적으면서 강의 교안(?), 강의 노트를 작성했다. 혹시나 나처럼 패캠에서 타입스립트(TypeScript)를 수강하는 사람들에게 도움이 되면 좋겠다. 🔥 09. 인터페이스 - 인덱싱 가능 타입 대표적으로 배열이나 객체 데이터의 타입을 지정할 수 있는 인터페이스의 방식이다. 이..
-
[패캠] 타입스크립트 문법 - 인터페이스 호출 시그니처 (Call Signature) (8/20)Front-end 개발 2024. 2. 1. 15:11
💡 본 타입스크립트 문법 시리즈는, 패캠의 '프론트엔드 웹 개발의 모든 것 초격차 패키지 Online'에 있는 TS 강의 노트이다. 현재 수강 중인 패스트캠퍼스(fastcampus, 이하 패캠) 프론트엔드 패키지 강의가 있다. 강사님은 김영웅(Heropy) 님이다. 이 글을 쓰면서 강사님의 블로그에 '한눈에 보는 타입스크립트' 자료가 있다는 것을 알게 됬다... (바보😅) 강의를 듣는데, 강의자료가 없어서 일일이 강사님이 말씀을 따라 적으면서 강의 교안(?), 강의 노트를 작성했다. 혹시나 나처럼 패캠에서 타입스립트(TypeScript)를 수강하는 사람들에게 도움이 되면 좋겠다. 🔥 08. 인터페이스 - 함수 타입 함수 타입: 호출 시그니처(Call Signature) 함수의 경우 타입을 지정할 때 소괄..