profile
웹 프론트엔드 개발자 (지망생)
post-thumbnail

⚙️ 자바스크립트의 이터러블

ES6 에서 도입된 이터레이션 프로토콜(iteration protocol)은 순회 가능한 자료구조를 만들기 위해 ECMAScript 사양에 정의하여 미리 약속한 규칙이다. ES6 이전의 순회 가능한 자료구조들은 통일된 규약 없이 각자 나름의 구조를 가지고 다양한 방법으

2022년 6월 5일
·
0개의 댓글
post-thumbnail

제어 컴포넌트 vs 비제어 컴포넌트

결론부터 말하고 가자면 React에 의해서 값이 제어되는 컴포넌트를 제어 컴포넌트, React에 의해서 값이 제어되지 않는 컴포넌트를 비제어 컴포넌트라고 한다.우리는 form 이나 input 요소를 다룰 때, 요소에 입력되는 값을 state로 관리하거나 DOM API를

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

리액트의 Component

리액트에서 컴포넌트란 마크업, CSS 및 JavaScript를 앱에서 재사용 가능한 UI 요소로 결합한 것을 말한다. 리액트는 컴포넌트를 통해 UI를 재사용 가능한 개별적인 여러 조각으로 나누고, 각 조각을 개별적으로 살펴볼 수 있다. 개념적으로 컴포넌트는 JavaSc

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

리액트의 JSX

위에 희한한 태그 문법은 문자열도, HTML도 아니다. JSX라 하며 JavaScript를 확장한 문법이다. UI가 어떻게 생겨야 하는지 설명하기 위해 React와 함께 사용할 것을 권장한다.JSX는 React “엘리먼트(element)”를 생성하는 표현식이다.Babe

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

리액트의 Virtual DOM

Virtual DOM (VDOM)은 UI의 이상적인 또는 “가상"적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 “실제" DOM과 동기화하는 프로그래밍 개념이다.라고 React 공식문서에 적혀있다. 그리고 이러한 과정을 재조정이라고한다.또한 vi

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

📲 자바스크립트의 AJAX

Ajax(Asynchronus JavaScript and XML)란 자바스크립트를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식을 말한다. Ajax는 브라우저에서 제공하는 We

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

🎉 자바스크립트의 이벤트

브라우저는 처리해야 할 특정 사건이 발생하면 이를 감지하여 이벤트를 발생시킨다. 만약 이 때 이벤트에 대해 반응하여 어떤 일을 하고 싶다면 이벤트가 발생했을 때 호출될 함수를 브라우저에게 알려 호출을 위임한다. 우리는 이벤트 핸들러를 통해 이벤트가 발생했을 때 원하는

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

🪢 자바스크립트의 클로저

이 글을 읽을 때는 실행 컨텍스트와 스코프에 대한 개념을 필요로 한다. 이미 내가 써둔 실행 컨텍스트와 스코프 글을 읽었다면 상관없겠지만 아직 이해가 안 됐거나, 읽지 않았다면 읽고 오기를 바란다.➡️ 자바스크립트의 스코프, 자바스크립트의 실행 컨텍스트읽고 왔다고 생각

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

📥📤 자바스크립트의 함수

코드블럭 속에 작성된 특정행동을 호출되어 하도록 하는 객체이다. 또는 일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다. 함수는 함수 정의(function definition)을 통해 생성하며, 인수(argument)를 매개변수를 통

2022년 3월 30일
·
0개의 댓글
post-thumbnail

👨‍👧 자바스크립트의 클래스

우리는 자바스크립트의 프로토타입 글에서 객체지향이 무엇인지 공부했다. 다시 읽고 오기 싫은 사람들을 위해 요약하면 객체지향이란, 독립적인 객체들의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임이다.여기서 클래스는 객체를 생성할 수 있는 추상적인 대상 혹은 구체적인

2022년 3월 27일
·
0개의 댓글
post-thumbnail

🏗️ 자바스크립트의 Prototype

자바스크립트는 명령형(imperative), 함수형(functional), 프로토타입 기반(prototype-based) 객체지향 프로그래밍(OOP, Object Oriented Programming)을 지원하는 멀티 패러다임 프로그래밍 언어다. 자바스크립트는 클래스

2022년 3월 20일
·
0개의 댓글
post-thumbnail

💡자바스크립트의 객체

자바스크립트의 객체란 무엇일까?

2022년 3월 15일
·
0개의 댓글
post-thumbnail

📩 자바스크립트의 this

this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수(self-referencing variable)다. 다른 언어의 this와는 달리 자바스크립트의 this는 어디서든 사용할 수 있다. 자바스크립트의 this는 실행 컨텍스트를 생성할 때

2022년 3월 2일
·
1개의 댓글
post-thumbnail

📚 자바스크립트의 실행 컨텍스트

실행 컨텍스트란 무엇일까?

2022년 3월 1일
·
1개의 댓글
post-thumbnail

🔬 자바스크립트의 스코프

스코프란 식별자에 대한 유효범위이다. 변수,함수 등 모든 식별자는 자신이 선언된 위치에 의해 자신이 유효한 범위, 즉 다른 코드가 자신을 참조할 수 있는 범위가 결정된다. 스코프 안에서 선언된 식별자는 스코프 안에서는 참조할 수 있지만 스코프 밖에서는 참조할 수 없다.

2022년 2월 27일
·
1개의 댓글
post-thumbnail

🗂️ 자바스크립트의 변수와 데이터 타입

우리는 프로그래밍을 하다가 어떤 값을 재사용해야하는 상황에 직면할 때가 있다. 어떤 값의 재사용을 위해 프로그래밍 언어는 기억하고 싶은 값을 메모리에 저장하고, 저장된 값을 읽어 들여 재사용하기 위해 변수(variable)라는 메커니즘을 제공한다.변수는 어떤 값을 저장

2022년 2월 21일
·
1개의 댓글
post-thumbnail

🔥 우아한테크코스 4기 웹 프론트엔드 과정, 프리코스 준비과정

우아한테크코스 4기 웹 프론트엔드 과정 프리코스를 준비하는 과정을 담은 글.

2022년 1월 31일
·
1개의 댓글
post-thumbnail

🔥 우아한테크코스 4기 웹 프론트엔드 과정, 지원부터 1차 합격까지

우아한테크코스 4기 웹 프론트엔드 과정 지원 과정과 1차 합격까지 과정을 담은 글.

2022년 1월 27일
·
1개의 댓글
post-thumbnail

🍔 BurgerKing-Order-Site 코드 리팩터링 리뷰-1-

버거킹 주문 사이트의 리팩터링한 코드를 리뷰하는 글

2022년 1월 26일
·
2개의 댓글
post-thumbnail

🍔 BurgerKing-Order-Site 코드 리뷰 -1-

코드 리뷰를 진행하기에 앞서 어떤 방식으로 진행할지 설명하도록 하겠다. 먼저 프로젝트 설계 와 코드 가독성, 유지보수 두 단계로 나눠서 리뷰하도록 하며, 프로젝트 소개 에서 작성한 구현 기능 목록 단위로 코드를 리뷰하도록 하겠다. 또한 , 우테코 선발 과정에서 평가 대

2022년 1월 15일
·
2개의 댓글