profile
Front-End Developer

[JavaScript] 함수와 일급 객체

무명의 리터럴로 생성할 수 있다.변수나 자료구조(객체, 배열 등)에 저장할 수 있다함수의 매개변수에 전달할 수 있다.

2022년 1월 18일
·
1개의 댓글

[Sass] Sass-Script

출처 : https://poiemaweb.com/sass-script

2022년 1월 17일
·
0개의 댓글

[Sass] Sass의 개요

CSS의 한계와 단점을 보완하여 보다 가독성이 높고, 코드의 재사용에 유리한 CSS를 생성하기 위한 CSS의 확장문법

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

React 뿌시기 4일차 - Feat. 리액트를 다루는 기술

사용자가 웹 브라우저에서 DOM 요소들과 상호 작용하는 것을 이벤트라고 함

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

React 뿌시기 3일차 (3) - Feat. 리액트를 다루는 기술

컴포넌트의 기능은 단순히 템플릿 이상1) 데이터가 주어졌을 때 이에 맞추어 UI를 만들어 줌2) 라이프사이클 API를 이용하여 컴포넌트가 화면에서 나타날 때, 사라질 때, 변화가 일어날 때 주어진 작업들을 처리3) 임의 메소드를 만들어 특별한 기능을 붙여줄 수 있음

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

React 뿌시기 3일차 (2) - Feat. 리액트를 다루는 기술

2장 JSX 번들러 대표적인 번들러 종류 웹팩 (리액트에서 주요 사용 / 편의성, 확장성이 뛰어남) Parcel browserify 번들러 도구 사용하면 발생하는 일? import(또는 require)로 모듈을 불러왔을 때 불러온 모듈을 모두 합쳐서 하나의 파일을

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

React 뿌시기 3일차 (1) - Feat. 리액트를 다루는 기술

공식문서 보다가 책으로 변경,,,ㅎ 프레임워크 개념부터 다시 재시작

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

[Javascript] documentFragment

DocumentFragment 노드를 사용하면, 오직 메모리상에만 존재하는 경량화된 DOM을 만들 수 있음

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

[Javascript] - 이벤트 위임

요소에 이벤트를 등록하는 일반적인 방법은 요소에 addEventListener()를 등록하는 것. 그렇다면 만약 100개의 요소에 이벤트를 등록하고 싶다면...? 🤔

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

[Javascript] 프로처럼 쓰는 팁!✨ (feat. 드림코딩 by 엘리)

'드림코딩 by 엘리' 유투버님의 영상인 ('자바스크립트 프로처럼 쓰는 팁')을 보고 스스로 정리한 포스팅입니다!

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

[Javascript] - 이벤트 흐름

브라우저 화면에서 이벤트가 발생

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

[Javascript] - 리페인트 & 리플로우

웹 페이지의 성능을 저하시키는 리페인트 & 리플로우 현상생성된 DOM 노드의 레이아웃 변경 시 영향을 받는 모든 노드(부모, 자식)의 수치를 다시 계산하여 레이아웃 트리(렌더 트리)를 재생성하는 작업width, height, padding, margin, float,

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

[Javascript] 웹 페이지 렌더링

웹 페이지 렌더링 과정

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

[JavaScript] BOM, DOM, Node

인터프리터 언어기 때문에 컴파일 언어인 C, Java에 비해서 엄청 느리지만 브라우저나 웹 페이지를 컨트롤할 때 가장 적합한 언어!

2021년 8월 9일
·
0개의 댓글

React 뿌시기 2일차 💪💪💪 (3) - Component와 Props

컴포넌트를 통해 UI를 재사용 가능한 개별적인 여러 조각으로 나누고, 각 조각을 개별적으로 살펴볼 수 있음

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

React 뿌시기 2일차 💪💪💪 (2) - 엘리먼트 렌더링

React 엘리먼트

2021년 8월 5일
·
0개의 댓글

React 뿌시기 2일차 💪💪💪 (1) - JSX

JS를 확장한 문법으로 React "엘리먼트"를 생성React의 렌더링 로직은 UI로직( 1) 이벤트가 처리되는 방식, 2) 시간에 따라 state가 변하는 방식, 3) 화면에 표시하기 위해 데이터가 준비되는 방식 등)과 연결됨속성에 따옴표를 이용해 문자열 리터럴을 정

2021년 8월 5일
·
0개의 댓글

React 뿌시기 1일차

UI 구현을 위한 선언적이고 효율적이며 유연한 JS 라이브러리React.Component신규 컴포넌트 작성에 사용되는 클래스\-> 데이터가 변경될 때 올바른 컴포넌트들을 업데이트하고 랜더링ShoppingListReact 컴포넌트 클래스, React 컴포넌트 타입하나의

2021년 8월 4일
·
0개의 댓글

[모던 자바스크립트 정리] 타입 변환

자바스크립트 타입 변환의 종류

2021년 8월 3일
·
0개의 댓글

[Vue.js] watch와 watchEffect의 차이

watch : 특정 데이터가 변경되었을 때 실행, 새로운 데이터와 이전의 데이터를 가져옴 (lazy)watchEffect : 의존성이 있는 데이터에 대해서 즉각적으로 실행 (immediately)특정 반응 속성을 보고 싶거나, old value를 보고 싶을 떄 활용함수

2021년 4월 14일
·
0개의 댓글