일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- 우아한 테크코스
- invalid_grant
- 코멘토 #코멘토실무PT #실무PT후기 #실무강의 #리액트강의 #웹프로그래밍 #react #웹개발실무
- api 비동기처리
- oauth
- 프리코스
- AWS
- 스프링부트
- compateto
- 음악 url 파일 다운로드
- 프론트엔드 과제
- Dev-Matching
- 자바스크립트
- 검색
- NestJS
- 프로그래머스
- TypeORM
- 타입스크립트
- 모던 자바스크립트
- concurrency limit
- 딥다이브
- redis
- Deep Dive
- 파일 url
- bucket4j
- 우아한테크코스
- this
- 프론트엔드
- 유효시간 설정 url
- api 요청 수 제한
- Today
- Total
목록분류 전체보기 (174)
개발 알다가도 모르겠네요
제네릭은 어떠한 클래스 혹은 함수에서 사용할 타입을 그 함수나 클래스를 사용할 때 결정하는 프로그래밍 기법을 말합니다. JavaScript는 원래 타입 선언이 필요하지 않고, 코드를 실행시키기 전까지는 함수와 클래스가 모든 타입에 대응합니다. 반면에 TypeScript는 정적 타입 언어이기 때문에, 기본적으로 타입을 정의한 함수 혹은 클래스는 모두 다른 타입에 재사용할 수 없습니다. 제네릭을 사용하는 이유 다음과 같이 스택 자료구조를 TypeScript로 구현한다고 가정하면 class Stack { private data: any[] = []; contructor() {} push(item: any): void { this.data.push(item); } pop(): any { return this.d..
ES6 클래스는 클래스 몸체에 메소드만을 포함할 수 있습니다. 클래스 몸체에 클래스 프로퍼티를 선언할 수 없고 반드시 생성자 내부에서 클래스 프로퍼티를 선언하고 초기화합니다. // person.js class Person { constructor(name) { // 클래스 프로퍼티의 선언과 초기화 this.name = name; } walk() { console.log(`${this.name} is walking.`); } } Typescript 클래스는 클래스 몸체에 클래스 프로퍼티를 사전 선언해야 합니다. // person.ts class Person { // 클래스 프로퍼티를 사전 선언하여야 한다 name: string; constructor(name: string) { // 클래스 프로퍼티수에 값..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/MUYHv/btrEYIf8xHn/lRMMbmzt2hEalU89qwKozK/img.jpg)
타입스크립트란? 타입스크립트는 MS에서 개발하고 관리하는 오픈소스 프로그래밍 언어입니다. 타입스크립트는 자바스크립트의 상위 집합으로서 ECMA의 최신 표준을 지원합니다. 기존의 ES5 자바스크립트 문법을 그대로 사용할 수 있으며, Babel과 같은 별도 트랜스파일러를 사용하지 않아도 ES6의 새로운 기능을 기존의 자바스크립트 엔진에서 사용할 수 있습니다. 타입스크립트의 장점은 정적 타입 언어이기 때문에 컴파일 시 시간이 조금 걸리더라도 안정성을 보장한다는 점입니다. 자바스크립트의 경우는 동적 타입 언어이기 때문에 런타임 속도는 빠르지만 타입 안정성이 보장되지 않습니다. 타입스크립트는 자바스크립트의 이러한 단점을 보완하기 위해서 만들어 졌고, 이러한 이유로 MS에서는 타입스크립트에 “JavaScript t..
문자열 연결 연산자 // 문자열 연결 연산자 '1' + 2; // -> '12' 1 + '2'; // -> '12' // 산술 연산자 1 + 2; // -> 3 // true는 1로 타입 변환된다. 1 + true; // -> 2 // false는 0으로 타입 변환된다. 1 + false; // -> 1 // null은 0으로 타입 변환된다. 1 + null; // -> 1 // undefined는 숫자로 타입 변환되지 않는다. +undefined; // -> NaN 1 + undefined; // -> NaN 위의 코드를 보면 암묵적으로 타입이 자동 변환되는 것을 알 수 있다. 이를 암묵적 타입 변환 또는 타입 강제 변환 이라고 한다. 동등/일치 비교 연산자 비교 연산자 의미 사례 설명 부수 효과 ==..
개발자가 의도적으로 값의 타입을 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅이라고 한다. var x = 10; // 명시적 타입 변환 // 숫자를 문자열로 타입 캐스팅한다. var str = x.toString(); console.log(typeof str, str); // string 10 // x 변수의 값이 변경된 것은 아니다. console.log(typeof x, x); // number 10 개발자의 의도와는 상관없이 자바스크립트 엔진에 의해 암묵적으로 타입이 자동변환되기도 하는데 이를 암묵적 타입 변환 또는 타입 강제 변환 이라고 한다. var x = 10; // 암묵적 타입 변환 // 문자열 연결 연산자는 숫자 타입 x의 값을 바탕으로 새로운 문자열을 생성한다. var str = x ..
undefined 타입 변수를 선언한 이후 값을 할당하지 않은 변수를 참조하면 undefined가 반환된다. 자바스크립트 엔진이 변수를 초기화하는데 사용하는 undefined를 의도적으로 변수에 할당한다면 undefined의 본래 취지와 어긋난다. 따라서 변수에 값이 없다는 것을 명시하고 싶을 때는 null을 할당하면 된다. null 타입 변수에 null값을 할당하는 것은 변수가 이전에 참조하던 값을 더 이상 참조하지 않겠다는 의미. 이는 이전에 할당되어 있던 값에 대한 참조를 명시적으로 제거하는 것을 의미하며, 자바스크립트 엔진은 누구도 참조하지 않은 메모리 공간에 대해 가비지 콜렉션을 수행할 것이다. null은 함수가 유효한 값을 반환할 수 없는 경우에도 명시적으로 null을 반환한다. *null의 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bEyg1P/btrESlSD1A6/TXUv7falgI18jEw6KTlpT0/img.jpg)
방학을 맞이해서 대충 지나간 자바스크립트를 보다 깊게 공부하고자 한다. 가장 후기가 좋고 자바스크립트 서적 중 근본이라고 불리는 '모던 자바스크립트 Deep Dive' 를 중심으로 내용을 정리하려고 한다. 양이 상당한데 평소에 그냥 넘어간 부분 중 중요하거나 모르는 부분 위주로 기록하고자 한다. 자바스크립트 엔진은 변수 선언을 다음과 같은 2단계에 거쳐 수행하게 된다. 선언 단계: 변수 이름을 등록해서 자바스크립트 엔진에 변수의 존재를 알린다. 초기화 단계: 값을 저장하기 위한 메모리 공간을 확보하고 암묵적으로 undefined를 할당해 초기화한다. console.log(score); // undefined var score; // ① 변수 선언 score = 80; // ② 값의 할당 console.l..
LIVE로 배우는 실무 PT ㅣ 코멘토 8명 소수정예 라이브로 배우는, 진짜 실무 퍼스널 트레이닝! comento.kr 1. 채용 담당자가 깃허브 포트폴리오 보는 순서 프로필 커밋 잔디 프로젝트 README-md 프로젝트 커밋로그 디렉토리 구조 package.json / pom.xml 주석이 남아있는지 / 로그가 찍혀있는지 (있다면 지울것..) 깔끔한 변수명, 함수명 소스코드 로직 2.프로필용 READ.md 꾸미기 GitHub Profile Readme Generator Prettify your github profile using this amazing readme generator. rahuldkjain.github.io 3.깃허브 리드미 작성법 서비스 설명은 가독성있게 작성해야함 각각의 기능들과 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/b2ArsB/btrs7lJVNHz/RLzaIW31YbKaCzLqKQS750/img.png)
LIVE로 배우는 실무 PT ㅣ 코멘토 8명 소수정예 라이브로 배우는, 진짜 실무 퍼스널 트레이닝! comento.kr 1. React 상태관리 React 상태 관리가 필요한 이유 부모 - 자식관계로 이루어진 트리구조에서 데이터 전달을 할 때 상-하로 접근해야하는데 컴포넌트에서 연결관계가 멀리에 있는 데이터가 필요할 때 기계적인 props전달을 무수히 해야하고 그만큼 코드량이 증가해진다. 전역상태관리를 쓰면 state를 관리하는 중앙 store를 두어 어디서든 direct하게 접근할 수 있다. 언제 도입해야할까? prop drilling이 심화되어 기계적 코드가 반복될 때 도입을 고민해야한다. 프로젝트의 규모에 따라 어떤 상태관리방식을 도입할지 고민해야 한다. 규모가 작다면 비교적 쉽게 적용할 수 있는 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/t2iOt/btrs4M0kiQA/vPy0w6vuvMfPjCUJIeeGVk/img.png)
LIVE로 배우는 실무 PT ㅣ 코멘토 8명 소수정예 라이브로 배우는, 진짜 실무 퍼스널 트레이닝! comento.kr API란? 클라이언트와 서버 간에 데이터를 주고받는 방식을 정의한 것 (규격) 1.REST API란? HTTP URI를 통해 자원(Resource)을 명시하고, HTTP Method를 통해 해당 자원에 대한 CRUD Operation을 처리하도록 설계된 아키텍쳐 REST 조건을 만족하는 API를 Restful API라고 부르고 REST 설계 규칙 맞춰 API를 작성하는 것을 Restful 하다고 한다. REST가 필요한 이유 애플리케이션 분리 및 통합 다양한 클라이언트의 등장 최근의 서버 프로그램은 다양한 브라우저와 모바일 환경에서도 통신을 할 수 있어야 함. REST의 구성요소 자원(..