# FE

371개의 포스트

[프론트엔드 성능 최적화] (4)

지난번에도 정리했지만 본래 브라우저 렌더링에는 CPU를 주로 사용한다. 하지만, FPS 등을 얘기하면서 나온 말이지만 이러한 브라우저 렌더링이 블로킹 되는 경우가 있다(너무 많은 리렌더링이 짧은 주기로 반복되는 등의 현상이 일어날 때). 이런 경우에는 CPU의 부하를

약 8시간 전
·
0개의 댓글
·

[CodeStates-Section4]U4.React-심화

후기 나만 어렵나? 복습이 필요한 시기! > Chapter1. React 심화 -1. Virtual DOM -2. React Diffing Algorithm Chapter2. React Hooks -1. Component와 Hook -2. useMemo -3. use

약 22시간 전
·
0개의 댓글
·
post-thumbnail

[CSS3] CSS 속성 - flex 2편

저번에 정리했던 내용을 다시 되짚어보자 justify는 메인축을 중심으로 수평 방향으로 정렬 하고 align은 교차축을 중심으로 수직 방향으로 정렬한다. 이를 토대로 여러가지 flex-container 속성들을 살펴보았는데 이번에는 flex-item 속성들을 정리

약 22시간 전
·
0개의 댓글
·
post-thumbnail

프론트엔드,백엔드

클라이언트 - 서버 아키텍처 웹에서 제공되는 어플리케이션, 웹 어플리케이션은 주로 서비스를 이용하는 (클라이언트) 와 서비스 제공쪽(서버)으로 나뉨. 이러한 구조를 클라이언트-서버 아키텍처 클라이언트, 서버는 2티어 아키텍처. 데이터베이스가 추가된 형태를 3티어 아키텍처. 보통 위에서 클라이언트쪽이 front-end 서버와 데이터베이스쪽이 back-end...

어제
·
0개의 댓글
·

#1

Dynamic, weakly typed programming languageInterpreted, "on the fly" complied language"Hosted language" Runs in different environments (e.g. in browser

어제
·
0개의 댓글
·
post-thumbnail

[알게된 것] React 18? 뭐가 달라졌을까?

React v18.0은 지난 3월 업데이트 되었는데, 기존의 업데이트 내용과는 달리 즉시 사용 가능한 개선 사항들이 많이 포함되었으며, 기존 애플리케이션 구축 방식에 큰 영향을 미칠거라는 공식 문서의 문구가 존재하는 만큼 정말 다양한 변화가 있었다.1\. New Roo

어제
·
0개의 댓글
·
post-thumbnail

CORS

얼마전 프로젝트에서 서버를 통합하는 과정에서 API 요청을 보냈는데 CORS ERR 가 응답으로 떨어졌다.그간 회사 프로젝트를 하면서 프론트단에서 API 요청을 보냈을 때 CORS ERR 을 마주한적이 한번도 없었고 난생 처음보는 단어에 이게 뭐지? 라는 의문을 가졌다

5일 전
·
0개의 댓글
·
post-thumbnail

[CodeStates-Section4]U3.React-번들링과 웹팩

Chapter1. 번들링 Chapter2. 웹팩 Chapter3. 웹팩의 핵심 컨셉 과제1. 간단한 웹앱 번들링 후 배포하기 Chapter4. 웹팩과 리액트 과제2. 리액트 웹앱 번들링 후 배포하기 1.번들링이란 -일상: 여러 제품이나, 코드, 프로그램을 묶어서 패키

2023년 1월 19일
·
0개의 댓글
·

ㄹㄷㄹ

ㄹㄹㄹㄹㄹㄹㄹㅈ댜ㅐㅓㄹ > ㄷ지거ㅣㄷㅈ 갸ㅐㅈ덕 ㄱㅈ더ㅑㄱ젇 ㅓㄱㅈ대ㅑㅓ > ㅓ텍스트ㅑㅐㄷ저개 걎더ㅑㅐ거잳 ㄹㄴㅁㄹ]ㅑㅓㅐㅐ ㅣㅣㅣ

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

이건 물경력일까 불경력일까?

감격스로운 카카오 공채 합격 1년 후, 나는 물경력을 쌓은 것일까 🥹

2023년 1월 16일
·
12개의 댓글
·
post-thumbnail

[CodeStates-Section4]U1.자료구조/알고리즘-기초

Chapter1. 자료구조 -1. 자료구조 -2. 자료구조 Roadmap Chapter2. Stack과 Queue -1. Stack -2. 큐(Queue) Chapter3. Tree와 Graph -1. Tree -2. Binary Search Tree -3. Tree

2023년 1월 15일
·
0개의 댓글
·
post-thumbnail

css Reflow, Repaint

웹 사이트를 개발할 때 스타일을 넣기 위해 css를 활용합니다. css 를 활용할때 브라우저 성능에 많은 영향을 미칠수 있기에 적절히 활용해야합니다.

2023년 1월 13일
·
0개의 댓글
·

TIL 230112

map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.const arr = 1,2,3;const newArr = arr.map(x=>x\*2);console.log(newArr)// 2,4,6find() 메서

2023년 1월 12일
·
0개의 댓글
·
post-thumbnail

[면접] 열정이 넘치던 2시간 동안 진행 한 두 번째 프론트엔드 면접 후기 (2022. 3. 31. 목요일 작성)

개같이 멸망한 다음날... 정확히 24시간만에 두번째 면접을 보게되었다... ^^;;;두번째 회사는 소규모 디자인 컨설팅회사로 주업무는 퍼블리셔였지만 자체앱 개발을 위하여 잘 할 수 있을거란 확신으로 지원하게 되었다. (나름 이유가 있었던 지원이었던 것이었다!!!)첫번

2023년 1월 12일
·
0개의 댓글
·
post-thumbnail

[면접] 멸망의 첫 번째 프론트엔드 면접 후기(2022. 3. 30. 수요일 작성)

💖 첫번째 면접 후기 저 세상 쫄보 햄스터 엄마 서스포... (굉장히 예민하고 스트레스에 취약한 편인 닝겐이다.) 2년전 면접을 하루에 2개씩 보고 난 이후 면접에 잼병이 되어버렸다... (AAA형 인간) 그렇게 나는 2년만에 프론트엔드로 전직하여 다시 면접을 보

2023년 1월 12일
·
0개의 댓글
·

[CodeStates-Section3]Section 3회고✍️

후기 모의 기술 면접을 했다. 진도를 나가지 않는 날이기에 많은 분들이 이 틈을 타 휴가를 내셔서 나도 따라 휴가를 내고 싶은 마음이 굴뚝같았지만... 그런 내 자신 새롭게 알게 된 것 > Chapter1. 기술 면접 준비 Chapter2. 회고 블로깅 1.재귀 재

2023년 1월 11일
·
0개의 댓글
·
post-thumbnail

[CodeStates-Section3]U8.Coz’ Mini Hackathon

후기 새롭게 알게 된 것 > 1.Bare Minimum Requirement 1) To-Do 앱 기획하기 Figma: https://www.figma.com/proto/hwsVtwftAaN2xMArWHjhLC/Untitled?page-id=0%3A1&node-id=1

2023년 1월 11일
·
0개의 댓글
·
post-thumbnail

React 비동기 처리와 성능 향상(feat. lazy, Suspense, ErrorBoundary)

BilliG 프로젝트에서 API 통신으로 데이터를 fetching 할 때, 리액트쿼리의 useQuery를 통해 isLoading, isError를 받아와 컴포넌트 내에서 비동기처리 로직을 작성했었다. 이렇게 작성한 코드가 올바른 방법인지에 대해 코치님들께 질문을하였고

2023년 1월 9일
·
1개의 댓글
·
post-thumbnail

[CodeStates-Section3]U6.네트워크-심화

후기 새롭게 알게 된 것 > Chapter1. TCP/IP   -1. 네트워크의 시작   -2. IP/IP Packet   -3. TCP/UDP Packet Chapter2. 네트워크 계층 모델  &ems

2023년 1월 5일
·
0개의 댓글
·
post-thumbnail

슬럼프부터 열정까지, 안녕 2022🥹

2022년은 20대 중반 시기 중 제일 큰 일들이 있던 해였다.

2023년 1월 5일
·
4개의 댓글
·