블로그 내용 정리 : [번역] React의 성능을 최적화하는 10가지 방법 (원문) (2020-06-10 작성 글이라서 2023년 8월 기준으로 내용을 추가/정리함)

React.lazy 와 Suspense

TypeError: Cannot read property 'map' of undefined참고 : https://devbirdfeet.tistory.com/47문제해결 - &&을 이용한다.JavaScript에서 true && expression은 항상 expr

피그마 무료플랜, 프로 플랜

우분투에 피그마 데스크탑 앱 설치하기

소셜로그인............너어...............

1차 AWS 배포 성공!

오늘 할 것 로그아웃 구현 회원가입, 로그인 컴포넌트 로직 다시보기 전체 구조 같이 보기 dev 브랜치에 머지하기 상태관리 - 로그인 여부, 회원정보(로그인 컴포넌트 → App.js → Mypage, Header, 질문답변 컴포넌트 등…) ⇒ Login 컴포넌트에서 상위 App.js 로 isLogin 상태와 userID 를 업데이트해 줌! 하위컴...

대략적인 로그인 화면 구현 + 입력값 받아오기 이벤트 구현스택오버플로 로고 다운 - 위키구글 로그인 가이드라인 준수하기 참고 사이트 : https://developers.google.com/identity/branding-guidelines?hl=ko로그인/회

회원가입 - 유저플로우, 핵심기능, 부기능, 추가 기능 정리, 로컬에서 페이지 골자 짜기 중로컬에서 main 을 깃 pull 해와서 npm i 해서 실행함일단 로컬로 컴포넌트를 만들어보고 나중에 브랜치 따면 넣어볼 생각임⚠️ Replace onPerfEntry with

1. CORS 정책이 필요한 이유 모든 브라우저는 기본적으로 SOP 정책을 사용하고 있음 SOP(Same-Origin Policy, 동일출처정책) : 스킴(프로토콜), 호스트(도메인), 포트가 모두 같아야 동일한 출처로 판단함. SOP 정책으로 인해 다른 출처의 리소스를 사용할 때 출처가 같지 않으면 CORS 에러가 발생하게 됨.(CORS 를 사용하면 접...

1. 개발 프로세스 개발 프로세스 개발 프로세스, 즉 소프트웨어 개발 프로세스 모델은 소프트웨어 개발 생명주기(SDLC, Software Develpment Life Cycle)을 기반으로 만들어짐 Software Develpment Life Cycl Waterfall Model 전통적인 개발 프로세스. Maintenance 까지 완료되면 처음으로...

🔗️ 참고사이트 최적화 참고 블로그 lighthouse 참고 블로그 숨고 블로그-Lighthouse 로 웹사이트 성능 측정하기 Lighthouse 공식사이트 - Opportunities [TOAST UI - 성능최적화](https://ui.toast.com/fe-guide/ko_PERFORMANCE#%EB%A0%88%EC%9D%B4%EC%95%84%EC...

TDD(Test-driven Development) TDD 란? 코드를 작성하기 전에 테스트를 쓰는 소프트웨어 개발 방법론 작은 단위의 테스트 케이스를 작성하고, 이를 통과하는 코드를 작성하는 과정을 반복하며 개발하는 방법 TDD를 사용하는 이유 코드를 작성하기에 앞서 테스트 코드를 먼저 작성해야 하기 때문에 시간이 오래 걸리는 것처럼 느껴지지만, ...

중요 내용 프로그램과 프로세스의 차이 메모리 공간 공유 여부 멀티 프로세스 한개의 프로세스 안의 멀티 스레드 스레드 안의 공통영역은 코드, 데이터, 힙. 스레드 안의 스택 영역은 메모리 공유를 하지 않음. 1. 컴퓨터 구조 컴퓨터의 기본 구성요소 : 입력장치, 출력장치(I/O Devices) 중앙처리장치(CPU, Central Process Unit)...

Stack, Queue, Buffer

갈길은 먼데 봄이 먼저 왔네

Figma를 사용해 To-Do 애플리케이션의 프로토타입 만들기 (CRUD 기능 포함), React 컴포넌트 만들기 (Styled Compents 활용)

OAuth, 소셜 로그인