함수 vs 클래스 컴포넌트

1. React 컴포넌트 React 컴포넌트란 UI를 구성하는 최소 단위이며, React에서는 컴포넌트를 통해 UI를 작성하고 조합하여 하나의 완성된 어플리케이션을 만들기 위해 사용합니다. 특정 페이지에서 표현되는 버튼들과 글, 이미지는 모두 이러한 컴포넌트들로 구성이 되어있겠죠. 이러한 컴포넌트의 작성방식은 ...

브라우저의 렌더링 과정

브라우저란? 웹 브라우저는 인터넷을 통해 웹 페이지를 탐색하고 사용할 수 있도록 도와주는 소프트웨어입니다. 브라우저는 HTML, CSS, JavaScript 등의 웹 기술을 이용하여 웹 페이지를 해석하고 렌더링합니다. 또한, 사용자 인터페이스를 제공하며, 이미지, 비디오 및 텍스트 데이터를 가져오고 처리하고 보안...

CSS-in-JS vs CSS

개요 웹사이트는 점점 복잡해지고 있으며 기존의 CSS작업 방식에서 발생하는 문제점을 해결하기 위해 다양한 CSS 방법론이 등장하였습니다. 그럼 여기서 잠깐, CSS-in-Js , CSS (CSS-in-CSS) 에 대해 들어보셨나요? 혹시 처음 듣는다면 CSS를 정의할 때 .css , .scss 등의 css파일...

BEM 방법론 - css이름 짓기

개요 변수명의 이름을 짓는 것처럼 css이름을 정의하는 방식도 상당한 고민거리가 아닐 수 없습니다. 특히 인턴생활을 경험하면서 처음 지적받았던 사항이 className과 관련된 내용이였고 이름을 짓는 일 때문에 시간을 많이 사용하기도 했던 것 같네요😢 이름을 정의하는데 정해진 규칙은 없지만 BEM방법론은 이런 ...

Javascript 문법 정리

개요 본 글은 알고리즘을 풀이하기 위해 정리한 자바스크립트의 문법 정리 글 입니다. 1. 반복문 1.1배열 순회 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 const array= ['a','b','c','d']; //1. 기본 for(let ...