목차 변수 🌊 변수란 무엇인가요? 하나의 값을 저장하기 위해 확보한 메모리 공간 자체를 말한다. 식별자란 무엇인가요? 🌊 변수가 되는 어떤 데이터를 식별하는 데 사용하는 이름으로 간단히 변수명이라고도 할 수 있다. 변수를 선언한다는 것은 어떤 것을 의미하나요? 변수를 생성한다고 할 수 있다. 호이스팅...
Java Script | Callback
목차 콜백이란 뭐라고 생각하나요? 🌊 - 어떤 일을 다른 객체에게 시키고, 그 일이 끝나는 것은 기다리지 않고 끝나고 부를 때까지 다른 일을 하는 것 콜백지옥과 해결방법 async나 Promise 사용을 통해 해결 Callback 1. 콜백이란 뭐라고 생각하나요? 함수 안에서 실행하는 또 다른 함수 ...
React | 클래스형 Compoent, 함수 Component
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가 도입 프로미스의 후속 처리 메서드 없이 마치 동기 처리처럼 프로미스가 처리 결과를 반환하도록 구현...