Blog

입사 1년 5개월 차에 번아웃이 왔다. 일에 대한 의욕이 도저히 생기지 않고 프로젝트에 관심이 멀어져간다. 퇴근 시간 한참 전부터 1분,…

React를 함수 컴포넌트 기반으로 개발한다면 훅을 사용해서 컴포넌트를 구성하게 된다. 클래스 컴포넌트의 라이프사이클 메소드를 대체 할 수 있는 useEffect 훅에 대해서 알아본다. 마운트(mount)와 언마운트(unmount) useEffect…

React를 공부하다보면 JSX 라는 문법을 많이 들어보게 된다. React에서 JSX 사용은 필수가 아니지만, 많은 사람들이 UI를 구성하기 더 쉬운 JSX 문법을 선호한다. 그렇다면 JSX란 무엇일까? JSX란? JSX…

JavaScript에는 click , keypress , focus , submit , scroll , load , change…

개발자들은 Server API를 사용해서 클라이언트와 서버의 통신을 구현한다. Server API를 개발하는 방법 중 가장 많이 사용되는 방식은 REST 와 GraphQL 이다. GraphQL이란 무엇이며 REST…

즉시실행함수 (IIFE, Immediately Invoked Function Expression…

자바스크립트에는 값이 없음(nothing)을 나타내는 두 가지 타입이 있는데, 바로 null 과 undefined 의 두 가지 타입이다. null과 undefined란? MDN에 따르면 null과 undefined의 정의는 다음과 같다. null…

타입스크립트에서 타입을 정의하는 방식은 두 가지가 있다. 바로 type alias 와 interface 의 사용이다. type과 interface의 공통점 type alias와 interface는 선언부터 사용까지 많은 공통점을 가진다. type…

…

…

객체 지향 프로그래밍이란? 객체 지향 프로그래밍 (Object-Oriented Programming, OOP…

SPA란? SPA는 'Single Page Application'의 약자로 단일 페이지로 구성된 웹 애플리케이션을 말한다. SPA가 등장하기 전 웹 애플리케이션을 구성하던 방식인 서버 사이드 렌더링(SSR…

TypeScript에서는 유형 변환에 도움을 주는 전역으로 사용 가능한 유틸리티 타입을 제공한다. TypeScript의 여러 유틸리티 타입에 대해 알아본다. Partial<Type> Type…

enumerate() enumerate() 함수는 인자의 값을 추출 할 때 인덱스를 추출하는 기법이다. 함수를 사용하면 인덱스 번호와 컬렉션의 원소를 튜플 형태로 반환한다. 튜플의 반환 형태를 이용해서 다음과 같이 활용 할 수 있다. zip…

CSS-in-JS? CSS-in-JS는 스타일 정의를 css나 scss 파일이 아닌 JavaScript로 작성된 컴포넌트에 바로 삽입하는 스타일 기법이다. 기존 웹사이트는 HTML, CSS, JavaScript…

OSI 참조 모델? OSI 참조 모델은 다른 시스템 간의 원활한 통신을 위해 ISO에서 제안한 통신 규약이다. OSI…

렌더링 이란 HTML, CSS, Javascript…

HTTP는 상태가 없는 (Stateless…

HTTP란? HTTP는 HyperText Transfer Protocol 로 WWW상에서 정보를 주고 받는 프로토콜이다. 클라이언트인 웹브라우저가 서버에 HTTP…

REST란? 'Representational State Transfer' 의 약자로 웹에 존재하는 모든 자원 (이미지, 동영상, DB 자원) 에 고유한 URI를 부여하고, HTTP 메소드 (POST,GET,PUT,DELETE…

Ajax는 Javascript의 라이브러리 중 하나이며 비동기 통신을 통해 XML 데이터를 주고 받는 기술이다. 그중에서도 jQuery의 메소드로 HTTP 요청을 해본다. $.ajax() 메소드 $.ajax() 메소드는 비동기 HTTP…

파이썬에서 순열과 조합 구하기 파이썬 itertools 의 모듈을 사용해서 리스트, 튜플, 문자열 등의 요소에서 순열과 조합을 구할 수 있다. 순열을 구하기 위한 permutations() 이처럼 permutations…

파이썬 슬라이싱 (Slicing) 이란? 슬라이싱은 리스트나 문자열 등의 연속적인 객체들의 범위를 지정해서 객체들을 가져오는 방법을 의미한다. 슬라이싱을 하면 객체의 일부분을 잘라낸 새로운 객체를 생성하게 된다. 기본 형태 lst…

…

원격 API 호출을 위해서는 request, axios, jQuery 같은 라이브러리를 사용 할 수 있다. fetch() 는 브라우저 내장 함수로 라이브러리 없이 원격으로 API 호출을 할 수 있다. 위는 fetch() 의 기본 문법으로, url…

Redux 란? Redux는 상태 관리 라이브러리이다. 컴포넌트의 상태 관련 로직들을 다른 파일로 분리시켜 효율적으로 관리 할 수 있고 컴포넌트끼리 상태를 공유할 때 여러 컴포넌트를 거치지 않고 쉽게 상태 값을 전달 할 수 있다. Redux…

문자열 객체에 관한 메소드에 대해서 알아본다. charAt() charAt() 메소드는 문자열의 index에 해당하는 문자형 데이터를 반환하는 함수이다. IndexOf() / lastIndexOf() IndexOf…

1차원 배열 자바스크립트에서 배열을 생성하는데는 new 명령을 사용하는 방법 과 리터럴 표기법 을 사용하는 방법이 있다. 2차원 배열 자바스크립트에서…