post-thumbnail

TIL45. 자료구조-해시

해시테이블 이란? 해시함수를 사용하여 키를 해시값으로 매핑하고, 이 해시값을 색인 또는 주소 삼아 데이터(value)를 key와 함께 저장하는 자료구조이다. > 연관배열 구조: key와 value가 1:1로 연관되어있는 자료구조. key를 이용해 value를 알아낼

6일 전
·
0개의 댓글
post-thumbnail

TIL44. TypeScript - 유니언과 교차타입

자바스크립트의 OR 연산자(||)와 같이 A이거나 B이다 라는 의미의 타입입니다.위 함수의 파라미터 text에는 문자열 타입이나 숫자 타입이 모두 올 수 있습니다. 이처럼 | 연산자를 이용하여 타입을 여러 개 연결하는 방식을 유니온 타입 정의 방식이라고 부릅니다.any

2021년 4월 4일
·
0개의 댓글
post-thumbnail

TIL43. TypeScript - 리터럴 타입

1. 리터럴 타입 리터럴 타입은 변수 혹은 매개변수 등이 string이나 number 처럼 어떠한 포괄적인 타입을 가지는 것이 아니라 변수나 매개변수에 정확한 값을 설정하는 것을 의미합니다. 2. 리터럴 타입 좁히기 (Literal Narrowing) var 또는 l

2021년 3월 28일
·
0개의 댓글
post-thumbnail

TIL42. TypeScript - 함수

웹 애플리케이션을 구현할 때 자주 사용되는 함수는 타입스크립트로 크게 다음 3가지 타입을 정의할 수 있습니다.함수의 파라미터(매개변수) 타입함수의 반환 타입함수의 구조 타입

2021년 3월 21일
·
0개의 댓글
post-thumbnail

TIL41. TypeScript - 인터페이스

인터페이스는 상호 간에 정의한 약속 혹은 규칙을 의미합니다.인터페이스는 보통 다음과 같은 범주에 대해 약속을 정의할 수 있습니다.객체의 스펙(속성과 속성의 타입)함수의 파라미터함수의 스펙(파라미터, 반환 타입 등)배열과 객체를 접근하는 방식클래스인터페이스에 대한 간단한

2021년 3월 14일
·
0개의 댓글
post-thumbnail

프로젝트 후기 "Weeeating"

현재 위코더 수강생들의 먹거리 고민을 덜어주고 서로의 맛집을 공유하여 조금 더 맛있는 음식을 다 같이 즐기기 위해 기획하고 시작하게 된 프로젝트 Weeeating

2021년 3월 6일
·
3개의 댓글
post-thumbnail

TIL40. TypeScript - 기본타입

1. 소개 (Introduction) 프로그램이 유용하려면 숫자, 문자열, 구조체, 불리언 값과 같은 간단한 데이터 단위가 필요합니다. TypeScript는 JavaScript와 거의 동일한 데이터 타입을 지원하며, 열거 타입을 사용하여 더 편리하게 사용할 수 있습니다

2021년 2월 27일
·
0개의 댓글
post-thumbnail

코어자바스크립트 7장<클래스>

클래스 자바스크립트는 프로토타입 기반 언어라서 '상속' 개념이 존재하지 않는다. ES6에 클래스 문법이 추가되었다. ES6의 클래스에서도 일정 부분은 프로토타입을 활용하고 있기 때문에, ES5에서 클래스를 흉내내기 위한 구현 방식을 학습하는 것은 큰 의미가 있다. 1

2021년 2월 21일
·
0개의 댓글
post-thumbnail

코어자바스크립트 6장<프로토타입>

1. 프로토타입의 개념 이해 자바스크립트는 프로토타입 기반 언어입니다. 클래스 기반의 언어에서는 상속을 사용하지만, 프로토타입 기반 언어에서는 어떤 객체를 원형으로 삼고 이를* 복제(참조)함으로써 상속과 비슷한 효과*를 얻습니다. 1-1) constructor, pro

2021년 2월 5일
·
0개의 댓글
post-thumbnail

코어자바스크립트 5장<클로저>

클로저란 어떤 함수 A에서 선언한 변수 a를 참조하는 내부함수 B를 외부로 전달할 경우 A의 실행 컨텍스트가 종료된 후에도 변수 a가 사라지지 않는 현상을 말한다.클로저는 어떤 함수에서 선언한 변수를 참조하는 내부함수에서만 발생하는 현상이다.클로저일 경우에는 어딘가에

2021년 1월 22일
·
0개의 댓글
post-thumbnail

코어자바스크립트 4장<콜백함수>

되돌아 호출해달라는 뜻으로 다른 코드의 인자로 넘겨주는 함수 이며, 그 제어권도 함께 위임한 함수 이다.1) 콜백 함수의 제어권을 넘겨받은 코드는 콜백 함수 호출 시점에 대한 제어권을 가진다.2) 콜백 함수의 제어권을 넘겨받은 코드는 함수를 호출할 때 인자에 어떤 값들

2021년 1월 17일
·
0개의 댓글
post-thumbnail

코어자바스크립트 1장<데이터 타입>

숫자(Number)불리언(Boolean)UndefinedNull문자열(String)Symbol (ES6에 추가 됨)객체(Object)배열(Array)날짜(Date)Map, WeakMap (ES6에 추가 됨)함수(Function)정규식(RegExp)Set, WeakSet

2021년 1월 5일
·
0개의 댓글
post-thumbnail

기업협업 (주)인사 인턴쉽 프로젝트 후기

기업협업 (주)인사-인턴쉽-프로젝트-후기

2020년 12월 16일
·
0개의 댓글
post-thumbnail

TIL39. TypeScript

Microsoft에 의해 개발/관리되고 있는 오픈소스 프로그래밍 언어이다.대규모 어플리케이션을 개발하는 데 JavaScript가 어렵고 불편하다는 불만에 대응하기 위해 개발이 되었다.TypeScript는 스크립트 언어의 표준인 ECMA Script (줄여서 ES) 의

2020년 12월 6일
·
0개의 댓글

TIL38. Redux-saga

redux-saga 는 리액트/리덕스 애플리케이션의 사이드 이펙트, 예를 들면 데이터 fetching이나 브라우저 캐시에 접근하는 순수하지 않은 비동기 동작들을, 더 쉽고 좋게 만드는 것을 목적으로하는 라이브러리이다.action이 순수한 객체(Pure Object)만을

2020년 12월 6일
·
0개의 댓글

TIL37. formData

fromData 인터페이스는 form 필드와 그 값을 나타내는 일련의 key/value 쌍을 쉽게 생성할 수 있는 방법을 제공합니다. 또한 XMLHttpRequest.send() 메서드를 사용하여 쉽게 전송할 수 있습니다. 인코딩 타입이 "multipart/form-d

2020년 12월 6일
·
0개의 댓글

TIL36. useRef

특정 DOM을 가리킬 때 사용하는 Hook 함수.Ex. 포커스 설정, 특정 엘리먼트의 크기/색상 변경 등..ref는 JS의 getElementById()처럼, component의 어떤 부분을 선택할 수 있게 해주는 방법이다.리액트에 있는 모든 component는 ref

2020년 11월 29일
·
0개의 댓글

TIL35. useContext

보통 state의 이동은 한 단계씩 전달된다. state가 거쳐 가는 component가 많을수록 코드와 머릿속이 동시에 복잡해진다... Context API는 global 하게state 값을을 관리해준다.원하는 곳에한 번에 값을 전해줄 수 있다.context 객체?

2020년 11월 29일
·
0개의 댓글

TIL34. Custom Hooks

오히려 Custom hook의 코드량이 많아보일 수 있겠지만, 이를 모듈로 하여 필요한 다른 곳에서도 재사용이 가능하다는 장점이 있다.그럴 때는 모듈을 불러오고 호출하는 것 만으로 코드량을 줄일 수 있다.컴포넌트와 로직을 분리할 수 있습니다.컴포넌트와 로직을 조합하는

2020년 11월 29일
·
0개의 댓글

TIL33. useMemo

useMemo는 memoization된 값을 반환하는 React의 hook입니다.값을 반환하는 콜백과 의존성 array를 넘겨주는데, 의존성에 변화가 일어날 때마다 콜백이 실행되어 값을 다시 할당합니다.이전에 사용된 값을 재사용하는 방식주로 Component성능을 최적

2020년 11월 22일
·
0개의 댓글