FrontEnd🎨

"웹 브라우저에서 www.google.com을 치고 엔터를 치게 된다면 어떠한 일이 발생할까?"라는 주제를 가지고 공부하게 되었다!\[10분 테코톡] 🥁 지그의 Virtual DOM브라우저 렌더링참고하며 많이 공부를 하게 되었다! 먼저 브라우저에 렌더링 엔진이 htm

[10분 테코톡] 🥁 지그의 Virtual DOM DOM은 뭐고 가상 DOM은 뭔가요? (+ Svelte와 React의 차이) DOM vs Virtual DOM 를 보면서 내가 더 알아야 할 내용과 복습으로 게시물을 작성해본댜! DOM이란? DOM은 Document

상태관리를 제어하는 수단 즉, state 관리를 위한 패턴이자 라이브러리이다. vue나 React 같은 프레임워크나 라이브러리를 사용하는 목적 중 하나가 상태 기반으로 DOM을 렌더링하기 때문에 알아두어야 한다. Vuex란? Vuex는 상태 관리를 위한 패턴이자 라이

1. JWT(Json Web Token)란? [ JWT 개념 ] JWT(Jso

드림코딩 엘리님의 사이드 프로젝트 꿀템 🍯🐝 👉 하나의 색상을 입력하면 그 색깔에 맞춰서 다른 색을 추천해주는 사이트👉 시각적으로 확인하면서 원, 라인 등을 조절하여 코드를 붙여다가 쓸 수 있기에 편리함👉 section을 더 감각적이게 나누도록 도와주는 사이트

프론트 개발자라면 단순히 코드 개발하는 것을 뛰어넘어 브라우저가 어떤 동작을 하는지, 어떻게 렌더링을 수행하는지에 대해 아는 것이 굉장히 중요하다. 결국 내가 친 코드는 브라우저라는 브라우저라는 소프트웨어 프로그램 상에서 수행되기 때문이다. 아무리 잘 짜여진 코드라도

웹 개발을 하다보면, 이 에러를 적어도 한번은 겪게 되고, 높은 확률로 이 에러 때문에 골머리를 앓게 된다.... 나 또한 그렇다! 그렇기에 좀 더 자세히 공부하려고 한다.CORS가 대체 뭐길래! 이런 에러를 띄우는 건지 알아보기 전에 CORS가 필요하게 된 배경인 S

가비지 컬렉션이란? 가비지 컬렉션을 번역해보면 쓰레기 모음집이다! 이는 더이상 사용되어지지 않는 메모리인데 아직은 방출되지 않은 메모리를 의미한다. 그러면 여기서 사용은 무엇이고, 방출은 무엇일까? 해당 내용을 살펴보면 다음과 같다! 메모리의 lifecycle은 All

서비스를 이용하다보면 화면이 너무 늦게 로딩되면 화가난다...🔥🔥🔥 대부분의 사용자는 화면이 너무 늦게 로딩되면 이를 기다리지 못하고 떠나가버린다... 이는 수익성 창출로 이루어지기 때문에 열심히 코딩을 해서 개발을 했다하더라도 사용자들이 떠나면... 물거품

surge를 이용하여 배포를 한다면, github에 코드를 올리지 않고 배포를 빠르게 할 수 있다. 나는 기업에서 요구하는 과제를 온라인 상에 올리지 않도록 명시되어있을 때 주로 surge를 사용했다! React App을 이용하여 개발 한 뒤 배포를 하기 위해서