React 목차 클래스형 Component 함수 Component 🌊 클래스형 컴포넌트 : render() 메소드와 Component 상속 필수 / state, props 사용이 불편하고, 많은 메모리 사용한다는 단점 함수 컴포넌트 : 간편한 컴포넌트 선언 및 프로그래밍 가능 React...
HTML | 시맨틱 마크업
시맨틱 마크업 목차 시맨틱 마크업 시멘틱 마크업을 사용하는 이유 시멘틱 마크업의 종류 시맨틱 마크업이란? 시멘틱 마크업(Semantic Markup) : 의미를 잘 전달 할 수 있도록 HTML 태그 문서를 작성...
HTML | CSS in JS vs CSS in css
CSS in JS vs CSS in css 목차 CSS in JS CSS in css CSS in JS 자바스크립트 코드에서 CSS를 작성하는 방식 동적 스타일 적용에 자유로움 컴포넌트 기반의 프레임워크를 사용할 때 용이함 개발 효율성에 중점...
HTML | position, margin, padding, display
position, margin, padding, display 목차 Position margin과 padding display Position static(기본값) : 위치를 지정하지 않을 때 사용 relative : 원래 배치되어야 할 위치에서 지정한 값...
HTML | SCSS
SCSS 목차 CSS, SASS, SCSS? SCSS란? SASS, SCSS가 적용되는 원리 Styled-component Styled-component vs SCSS CSS, SASS, SCSS? CSS : Cascading Style Sheets -...
HTML | flexbox
flexbox 목차 flex grid flex flex란? flex는 레이아웃을 좀 더 편하게 잡기 위해서 만들어진 css 속성 한 방향 레이아웃 시스템(1차원) 기존의 float와 in...
HTML | 반응형과 상대 길이 단위
반응형과 상대 길이 단위 목차 px, em, rem, vw, vh의 설명 (차이점) 반응형 구현 방법 (사용하는 단위, 브레이크포인트) px, em, rem, vw, vh의 설명 (차이점) 절대 길이 단위 : 다른 요소들의 크기와 상관없이 항상 동일한 값(ex. px) ...
Java Script | async await
목차 async await 🌊 async await란? async await 1. async await란? 간단하고 가독성 좋게 비동기 처리를 동기 처리처럼 동작하도록 구현할 수 있는 async/await가 도입 프로미스의 후속 처리 메서드 없이 마치 동기 처리처럼 프로미스가 처리 결과를 반환하도록 구현...
Java Script | 함수와 일급 객체
목차 함수와 일급 객체 🌊 일급 객체가 뭔가요? 다른 객체에 일반적으로 적용 가능한 연산을 모두 지원하는 객체로 함수를 값으로도 저장할 수 있고 변수에 넣어줄 수 있으며, 리턴값으로 쓰일 수도 있어야 일급객체라고 부른다. 자바스크립트에서 함수가 일급 객체라면, 일급 객체로 뭘 할 수 있나요? 다른 함수를 인수로 전...
Java Script | 생성자 함수에 의한 객체 생성
목차 생성자 함수에 의한 객체 생성 🌊 생성자 함수가 뭔가요? 생성자 함수란 new 연산자와 함께 호출해 인스턴스를 생성하는 함수이다. 객체 리터럴로 만들 때와는 무슨 차이가 있죠? 왜 생성자 함수를 사용하나요? 객체 리터럴로 객체 생성 시 프로퍼티 구조가 동일하더라도 객체를 여러개 생성해서 사용해야하는 단점이 있는 ...