velog.io

자바스크립트 개발자라면 알아야 할 33가지 개념

자바스크립트 함수 실행에 대한 이해
자바스크립트는 싱글스레드로 단 1개의 동시성만 다루는 언어이다.

싱글 스레드

한번에 하나의 작업만 수행 할수 있음을 의미함.
다른 작업이 중간에 끼어들수 없고, 기존에 수행하던 작업이 끝나야만 그 다음 작업을 수행할수 있다.

자바스크립트의 동작원리

yuli_kim

velog.io

[Javascript] 프로퍼티(Property)와 메서드(Method)의 차이는? object를 파헤쳐보자!

프로퍼티(Property) & 메소드(Method)

객체에 대해 다루게 될때 프로퍼티와 메소드에 대한 이해가 없으면 객체를 이해할 수 없습니다. 객체는 케이스를 이루는 말이고, 실제 객체를 완성하는 구성품들은 프로퍼티와 메소드입니다.

🔐(key-pair value

yuli_kim

velog.io

[Babel] 바벨 시작하기

바벨(Babel)은 최신 또는 구식 브라우저환경에서 ECMAScript 2015+ 코드를 호환 가능한 JavaScript 버전으로 변환하는 데 주로 사용되는 자바스크립트 컴파일러입니다.
또, 입력과 출력 모두 자바스크립트 코드인 컴파일러입니다.
즉, 바벨이 최신 자바스크립트 코드를 지원하지 않는 explorer같은 브라우저에서 최신 자바스크립트 코드를 구버

yuli_kim

velog.io

카카오톡 로그인 in React Native

기본적으로 카카오톡 로그인 기능을 구현하는 방법은 REST API 방식과 javascript sdk 방식이 있다. REST API 방식은 인가코드, 엑세스코드, 사용자 정보 등을 정해진 uri로 요청하면 응답에 데이터를 담아주는 방식이다. javascript sdk로는 정해진 메소드를 사용하면 된다.

웹에서는 REST API 방식을 사용해서 비교적 쉽게

yuli_kim

velog.io

[Learning Javascript] 데이터와 자바스크립트

러닝 자바스크립트 서적을 통해 공부한 내용을 정리하는 포스팅 시리즈
데이터를 자바스크립트가 이해할 수 있는 형식으로 바꾸는 법을 배우고 정리했습니다.

프로그램을 배울 때 용어의 중요성을 느끼게 되는 내용으로,
리터럴과 value가 어떻게 다른지 expression과 statement이 어떻게 다른지 이해하지 못하면 프로그램 언어를 배우는 데 장애가 될 수

yuli_kim

velog.io

[D3.js] Data Visualizing 기본개념

Data - Driven Documents. JavaScript
데이터 중심의 문서 (Data - Driven Documents)의 약자로 자바스크립트 기반의 라이브러리 언어이다.
사용자가 입력한 시각화 규칙을 바탕으로 데이터를 반영해 시각화 결과물을 생성한다.

데이터 시각화 프레임워크로 잘 알려져 있고 HTML5의 SVG(Scalable Vector G

yuli_kim

velog.io

[JavaScript] 자바스크립트 기본개념 | Xedni's Lab

조건문을 활용하면 주어진 조건에 따라 어플리케이션의 동작을 다르게 만들 수 있다.

특정한 동일한 작업을 여러번 수행하기 위해 같은 코드를 여러번 표현하는 것은 불필요한 일이다. 그래서 함수(function)란 하나의 로직을 재실행 할 수 있도

yuli_kim

angular.kr

[공식사이트] Angular #테스팅

테스트를 작성하기 전에 이런 내용에 대해 미리 이해하고 있는 것이 좋습니다:

Angular 기본 개념
JavaScript
HTML
CSS
Angular CLI

yuli_kim

velog.io

Node.js 란 무엇인가

Node.js는 Chrome V8 Javascript 엔진으로 빌드된 Javascript 런타임으로,웹브라우저에 종속적인 자바스크립트를 외부에서 실행할 수 있는 Runtime 환경 Chrome V8 엔진을 제공하여 여러 OS 환경에서 실행할 수 있는 환경을 제공해준다.

yuli_kim

tistory.com

NestJS과 Express의 개념 & 비교 (차이점, 특징 등)

● NestJS란? Nestjs의 공식 사이트 Nest (NestJS)는 효율적이고 확장 가능한 Node.js서버측 애플리케이션을 구축하기 위한 프레임워크입니다. 프로그레시브 자바스크립트를 사용하고 TypeScript로 빌드되고 완..

yuli_kim

tistory.com

[Nest.js] - NestJs 소개

Nestjs란 Nest.js는 nodejs에서 새로 떠오르는 프레임워크입니다. 공식 페이지를 가보면 Nestjs를 다음과 같이 소개하고 있습니다. Nestjs는 효율적이고, 안정적이며, 확장에 용이한 서버 어플리케이션을 구축하기..

yuli_kim

tistory.com

Nest.js란? - Express.js를 놔두고 왜 Nest.js를 쓸까?

안녕하세요 Jiwon입니다. 오늘은 Nest.js에 대해서 살펴보겠습니다.
1. Nest.js란? 우선 Nestjs의 공식 사이트를 가보시면 이렇게 적혀있습니다
A progressive Node.js framework for building efficient, reliab..

yuli_kim

velog.io

[JavaScript] 기본개념 시리즈 - say_ye.log

문자열 합치기\+, -, \*, /, %, \*\*덧셈, 뺄셈, 곱셈, 나눗셈, 나머지연산, 제곱연산\++, --증감 연산자 변수 앞에 올 경우, 변수를 먼저 증감한 후 명령을 실행변수 뒤에 올 경우, 나머지...

yuli_kim

bitsrc.io

58 JavaScript Tips and Tricks for Web Developers

Lots of tips for JS devs to help you handle common tasks such as time comparison, formatting money, check if array is empty, and much more.

dracure

medium.com

Design Patterns in Javascript: Facade

When designing an application, is often the case that we have complex procedures to do a specific business task. For example, we may have to fetch data from the database, treat it and show it on the…

dracure

medium.com

ES2022 (ES13) | Most wanted features | Very interesting

Javascript is continuously evolving and in every year it is coming up with new features which are very demanding from developer community side since it could help code to improve the code quality…

dracure