Written by Jieun

👩🏻‍💻 내 마음대로 Today I Learned

JavaScript, TypeScript

타입스크립트란? 타입스크립트는 자바스크립트에 타입을 부여한 언어로, 자바스크립트 확장된 언어 타입스크립트 설치 없이 사용하기: playground TS Playground - An online editor for exploring TypeScript and JavaScript The Playground lets you write TypeScript or JavaScript online in a safe and sharable way. www.typescriptlang.org 타입스크립트 왜 쓸까? 자바스크립트의 동적타입을 정적으로 선언이 가능하며 컴파일 시점에 오류를 포착할 수 있다. 또한, 타입 추론(타입 유추)을 제공하기 때문에 자바스크립트로 작성된 코드도 어느 정도 타입 제어가 가능하다. funct..

2023. 3. 29.

Node.js

모듈이란? 기능별로 변수나 함수를 나누어서 캡슐화한 것으로 여러 개의 코드로 분할하여 코드 관리하기 쉬워지고 재사용도 가능하다. 모듈은 exports나 module.exports 객체를 통해 추출하고 require함수로 import 하여 추출된 모듈을 사용할 수 있다. module.exports module.exports는 require() 함수를 사용할 때 반환받는 변수로 빈 객체가 기본값. module.exports로 모듈로 만들 값을 지정해 주는데 exports 키에 추출할 변수, 함수들을 객체 자체로 할당해 추출 //Module 구조 Module { id: '.', path: '/', exports: {}, //module 객체의 exports에 우리가 추출할 값을 직접 할당 filename: '..

2023. 3. 28.

Node.js

Node.js란? 크롬 V8 자바스크립트 엔진으로 빌드된 자바스크립트 실행창(런타임) (서버는 X) 자바스크립트는 HTML에 종속되어 브라우저(크롬, 파이어폭스, 익스플로러)에서 구동되는 언어였지만, 브라우저 외부에서도 실행할 수 있게 해주는 실행기가 Node.js 이다. Node.js 특징 싱글 스레드 Nods.js는 사실 멀티 스레드이지만, 자바스크립트는 멀티 스레드가 아니며 우리가 직접 제어할 수 있는 스레드는 하나이기 때문에 싱글 스레드라고 표현한다. 프로세스: 운영체제에서 할당하는 작업의 단위 (프로그램 하나 띄울 때마다 프로세스가 하나씩 뜨는 것) 스레드: 프로세스 내에서 명령을 실행하는 단위. 한 개의 스레드는 한 번에 한가지 동작만 실행 가능 싱글스레드 장점은 스레드가 늘어나지 않기 때문에..

2023. 3. 27.

코딩테스트, 알고리즘

문제 설명 https://school.programmers.co.kr/learn/courses/30/lessons/120888 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 제한사항 1 ≤ my_string ≤ 110 my_string은 대문자, 소문자, 공백으로 구성되어 있습니다. 대문자와 소문자를 구분합니다. 공백(" ")도 하나의 문자로 구분합니다. 중복된 문자 중 가장 앞에 있는 문자를 남깁니다. 입출력 예 my_string result "people" "peol" "We are the world" "We arthwold" 내 풀이 function..

2023. 3. 26.

JavaScript, TypeScript

1. HTTP (Hyper Text Transfer Protocol) HTTP는 데이터를 주고받는 데 사용되는 프로토콜로 HTML 문서와 같은 리소스(문서, 이미지 등)들을 전송하기 위한 규약으로 사용된다. 클라이언트(웹 브라우저)가 서버에 요청(request)을 보내면 서버는 그 요청에 응답(response)을 보내준다. 그럼 클라이언트의 요청과 서버 응답은 어떻게 보낼 수 있을까? 2. HTTP Message HTTP 메시지는 웹에서 데이터를 주고받는데 사용되며 이 메시지 형식은 사람이 읽을 수 있도록 설계되어있다. 이 메시지는 요청과 응답 두가지 형태가 각각 다른 구조를 가지고 있으며, 서버 주소, 요청 메서드, 상태 코드, target path, 헤더 정보, body 정보 등이 포함되어있다. 다 ..

2023. 3. 24.

JavaScript, TypeScript

Async와 Await Async와 Await은 Promise를 더 쉽게 다룰 수 있도록 도와주며, Promise 또한 너무 중첩적으로 체이닝 하면 가독성이 떨어져 콜백 지옥 같은 Promise 지옥이 발생할 수 있다. Async함수는 항상 Promise를 반환하며, Await 키워드는 Promise가 처리될 때까지 기다리며 코드를 동기식으로 작성할 수 있다. Async function myFunc() { return Promise.resolve('name') } myFunc().then(console.log) //name async function myFunc() { return 'name'; } myFunc().then(console.log) //name 함수 앞에 async를 붙여 함수가 비동기적으..

2023. 3. 23.