우리 다중 상속하게 해주세요 🙏

좋은 설계를 위한 학습 목표와 다짐

컴포넌트 건강 검진 나왔습니다~ 😷

2시간 지나면 로그아웃되는 사이트가 말이 되냐~! 🙃

리액트 쿼리로 에러처리하다가 눈물 흘린 경험 😥

기다리는 걸 싫어할까봐 미리 html을 준비했어 😎

아는 사이인줄 알았는데 초면이었던 이벤트 루프 😇

일관된 에러 처리는 개발자도 춤추게 한다 💃

❗ react suspense에 대한 이해가 필요한 글입니다. 사용자 경험 개선 1편을 참고해주세요.자바스크립트가 싱글 스레드 언어라는 것을 들어본 적이 있을 것이다.이는 자바스크립트가 하나의 작업을 수행할 때 다른 작업을 동시에 수행할 수 없음을 의미한다. 리액트도

🎈 본문에 등장하는 문제에 대한 예시는 suspense를 사용하지 않고도 해결할 수 있습니다.하지만 앱이 커지고 복잡해짐에 따라 각 문제를 어떻게 선언적으로 손쉽게 해결할 수 있느냐에 대한 관점으로 봐주시길 바랍니다.🎈 2021.07.11 기준 시험적인 기능입니다.

프로그램을 단순히 코드의 나열로만 봤던 시각을 벗어나프로그램을 객체 라는 기본 단위로 나누고 객체들 간의 상호 작용으로 문제를 해결하는 방식독립성이 높은 객체들을 작은 단위부터 만들고, 그 작은 단위들을 재사용해가며 더 큰 객체들을만드는 방식으로, 상향식(Bottom-

이번에 지하철 미션을 만들면서 JWT를 클래스 property에 저장했었는데 리뷰어 분께 해당 부분을 피드백 받으면서 어디에 JWT를 저장하는 것이 좋을까 에 대해 고민해보게 되었다. 0. 기본 지식 JWT Json Web Token의 약자로 모바일이나 웹의 사용자

이번에 SPA(Single Page Aplication)을 공부하면서 내가 웹 페이지의 동작 원리에 대해서 제대로 모르고 있다는 생각이 많이 들어 한번 총 정리를 해보려 한다. 오해하고 있던 부분 클라이언트는 서버로부터 html 파일만 가져온다? 이 생각은 잘못된

파일명을 파스칼 케이스로 쓰고 있다가파일명 대소문자 인식(case sensitive) 관련 문제로 webpack --watch 가 동작하지 않는 상황에 직면해서 3시간을 날린 나를 위한 글이다.. 😥내가 쓰는 window 10의 파일 시스템은 NTFS 방식이다.NTF

최근 페어프로그래밍 하면서 웹 하나를 mvc구조로 만들게 되었다.페어와 논의 끝에 mvc 중 model을 제외한 view와 controller를export function으로 구현하기로 하였는데function 방식의 크나큰 단점을 직접 느끼고 배운 것이 많아 글을 작성

AsynchronousJavaScriptAndXML비동기 데이터 통신을 위해 개발된 js 기술.HTML, XML, JSON 등 다양한 데이터를 주고 받을 수 있다.하지만 JSON만 통신에 사용하는 이유가 뭘까.먼저 JSON은 웹에서의 통신으로 주고받는 거의 모든 데이터

이전에 여기에서 웹팩과 dotenv 패키지를 통해 api key를 숨길 수 있다고 포스팅한 적이 있는데, 사실 그게 아니었다. 어차피 AJAX 방식으로 보내는 거라 개발자 도구에서 정보가 줄줄 새고 있었던.... 지금이야 토이프로젝트 개념으로 개발하는 것이라 유출되어

youtube api를 이용해서 유튜브 검색 결과를AJAX를 통해 받는 작업을 하고 있다.그런데 검색 결과를 한번에 엄청나게 가져온다면 웹에 크나큰 부담이될 것이고 그렇게 할 필요도 없다.초기에 10개의 검색결과만 불러오고 스크롤을 아래로 끝까지 내리면새로운 10개를

grid는 flex와 비교해flex는 col이나 row 중 하나를 주요 축으로 하여 구성하는 방식이라면grid는 좀 더 복잡한 2차원 레이아웃을 구성할 수 있는 시스템이다.백번 듣는 것보다 직접 보는 게 훨씬 좋다.직접 해보자.위와 같은 레이아웃을 그리드로 구현한 cs

요즘 youtube 검색 api를 사용해서 웹을 제작하고 있다.그런데 문제가 api key를 숨겨서 git에 배포해야하는데어떻게 숨길 것인가에 대해서 고민이 됐다.대략 방법은 2가지로 생각을 했는데1\. webpack을 이용해 nodeJs의 환경변수를 설정해주는 dot