본문 바로가기

Web/Javascript|TypeScript

[Javascript] 입문/초보 참고 사이트

반응형

모던 javascript 튜토리얼

https://ko.javascript.info/

 

모던 JavaScript 튜토리얼

 

ko.javascript.info

구조분해할당

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

 

구조 분해 할당 - JavaScript | MDN

구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다.

developer.mozilla.org

ES6 축약코딩 기법 19가지

https://chanspark.github.io/2017/11/28/ES6-%EA%BF%80%ED%8C%81.html

 

[번역]ES6 축약코딩 기법 19가지

자바스크립트를 스마트하게 사용해보자

chanspark.github.io

 

JavaScript를 시작한다면 한번쯤 꼭 읽어봐야할 글

https://24hours-beginner.tistory.com/43

 

Javascript를 시작 한다면 한번쯤 꼭 읽어봐야할 글

출처 : https://blog.bitsrc.io/6-tricks-with-resting-and-spreading-javascript-objects-68d585bdc83 7 Tricks with Resting and Spreading JavaScript Objects Resting and spreading can be used for more tha..

24hours-beginner.tistory.com

★식 연산자 Operators

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators

 

Expressions and operators - JavaScript | MDN

This chapter documents all the JavaScript language operators, expressions and keywords.

developer.mozilla.org

삼항 조건 연산자(?:)(Conditional Operator) (삼항연산자)

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Conditional_Operator

 

삼항 조건 연산자 - JavaScript | MDN

조건부 삼항 연산자는 JavaScript에서 세 개의 피연산자를 취할 수 있는 유일한 연산자입니다. 맨 앞에 조건문 들어가고. 그 뒤로 물음표(?)와 조건이 참truthy이라면 실행할 식이 물음표 뒤로 들어

developer.mozilla.org

옵셔널 체이닝(?.)(Optional chaining)

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Optional_chaining

 

Optional chaining - JavaScript | MDN

optional chaining 연산자 (?.) 는 체인의 각 참조가 유효한지 명시적으로 검증하지 않고, 연결된 객체 체인 내에 깊숙이 위치한 속성 값을 읽을 수 있다.

developer.mozilla.org

널 병합자(??)(Nullish coalescing operator)

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator

 

Nullish coalescing operator - JavaScript | MDN

널 병합 연산자 (??) 는 왼쪽 피연산자가 null 또는 undefined일 때 오른쪽 피연산자를 반환하고, 그렇지 않으면 왼쪽 피연산자를 반환하는 논리 연산자이다.

developer.mozilla.org

 

Typescript 핸드북

https://infoscis.github.io/2017/05/20/TypeScript-handbook-interfaces/

 

TypeScript 핸드북 3 - 인터페이스

인터페이스 (Interface)소개TypeScript의 핵심 원리 중 하나는 type-checking이 값의 형태(shape)에 초점을 맞춘다는 것입니다. 이것은 때때로 “duck typing“또는 “structural subtyping“라고도 합니다. TypeScript

infoscis.github.io

TypeScript interface 선언

https://www.logicbig.com/tutorials/misc/typescript/indexable-types.html

 

TypeScript - Using Interfaces to describe Indexable Types

TypeScript - Using Interfaces to describe Indexable Types [Last Updated: Sep 7, 2018] In TypeScript, interfaces can also describe indexable types i.e. the types which can be accessed via indexes. In JavaScript objects can be accessed via index. For example

www.logicbig.com

 

REST API Documentation Tool | Swagger UI

Swagger로 API 문서 자동화하기

https://swagger.io/tools/swagger-ui/

 

REST API Documentation Tool | Swagger UI

 

swagger.io

 

테스트 해볼 수 있는 사이트

https://plnkr.co/edit/AFKhgbvQ8VMfAk2z?p=preview&preview 

 

Plunker - Code example

Plunker is loading… I eat z-index for breakfast.

plnkr.co

 

개발 사이트 색인

https://intrepidgeeks.com/ : 사이트 자체는 그냥 색인 사이트이다. 하지만 하나하나 정말 기초 중의 기초 사이트 들을 잘 알려준다. 한번 쓰윽 보면서 들어가보자.

 

개발자가 도움이 되는 문서와 사이트를 정리하고 수집하는 데 전념하다

Microsoft Docs Microsoft 문서 라이브러리 전 세계 최고의.NET, C\C++, C# 문서 라이브러리 중 하나

intrepidgeeks.com

 

웹 개발자 초보가 보면 유용한 글

https://24hours-beginner.tistory.com/209

 

[Web] 웹 개발 초보

유용한 사이트 https://hotframeworks.com/ Web framework rankings - HotFrameworks Find your new favorite web frameworkMeasuring web framework popularity so you can find interesting frameworks to check..

24hours-beginner.tistory.com

 

반응형