클래스는 일차적으로 자바스크립트의 기존 프로토타입 기반 상속에 대한 문법적 설탕이다. 클래스 문법이 자바스크립트에 새로운 객체 지향 상속 모델을 도입하는 것은 아니다.

배열의 값 또는 객체의 속성을 풀어서 별개의 변수로 쓸 수 있게 해주는 자바스크립트 표현식

🤓 토스 SLASH21 > 실무에서 바로쓰는 Frontend Clean Code를 보고개인적으로 정리하기 위해서 쓴 글입니다

기본 내장 Hook 편 : 리액트 기초부터 다시 쓰기 ~

부트캠프 항해 99 프론트엔드 개발자 (react) 리뷰

이제서야 정리하는 styled-components 잘 쓰는 법

\[S3, CloudFront] React Access Denied(403) Error

메인에서 스택을 선택하면 해당 스택을 구하고 있는 게시글들이 뜨게하고 싶었음. 중복으로!그래서 그 김에 enum을 흉내내서 stack 리스트를 꾸려보고,StackFilter 컴포넌트를 따로 만들었고,그 안에서 1) 스택을 누르면 selectedStack이라는 배열 안에

📎 원본(https://ko.reactjs.org/docs/hooks-effect.htmlEffect Hook을 사용하면 함수 컴포넌트에서 side effect를 수행할 수 있습니다.데이터 가져오기, 구독(subscription) 설정하기, 수동으로 Reac

리액트는 '함수형 프로그래밍'을 지향한다 함수형 프로그래밍? 순수함수를 사용함 순수함수 ① 동일한 매개 변수를 넣었을 때 동일한 리턴 값을 출력하는 함수 ② 외부의 값을 변경하는 사이드 이펙트가 일어나지 않는 조건을 지키는 함수 ➜ 불변성과 연관됨 원시타입의 불

뭐했다고 벌써 3주가 지난거야? 라는 기분으로만 맞이한 중간발표 …우리 프로젝트는 사이드 프로젝트를 기획한 사람들이 같이 할 팀원들을 구하는 사이트! 가 주제인데 1차 MVP로는 회원가입, 로그인, 게시글 CRUD, 댓글 CRUD, 북마크 정도 까지만 정해둬서 진행하다

아무것도 없는 상태에서 리액트부터, 리액트만 배우기 시작해서 당연히 이건 이런것. 그냥 이렇게 움직이고 작동하는 것. 이라고 납득하고 이해했는데 공부하면 할수록, 코드를 짜면 짤 수록 리액트를 '잘' 쓰려면 돌아돌아 리액트가 추구하는 것이 뭔지, 리액트 개념들이 무엇을

position : absolute ;position : fixed ;position : relative ;z-index : 10 ;z-index : -1 ;뒤로보내기 / 앞으로보내기 하고싶어서 알아봤다.z-index가 화면 내에서 배치 순서를 결정해주는 역할인데,숫자

📎 React를 위한 상태관리 라이브러리 Recoil우리는 API와 의미 및 동작을 가능한 React답게 유지하면서 이것을 개선하고자 한다.Recoil은 직교(orthogonal)하지만 본질적인 방향 그래프를 정의하고 React 트리에 붙인다. 상태 변화는 이 그래프

📎 react-select npm 문서글쓰기 화면 구현에 드롭박스 여러개가 들어가면서, 그리고 그 속에 옵션들이 들어가면서 이거저거 찾다가 라이브러리를 찾았다.문서도 되게 친절하고 다운로드 수에 비해 issue도 적고 무엇보다 셀렉트 박스에 쓰는 거의 모든 기능이 담

실전프로젝트에서는 한 명은 백엔드로 두명이 모여서 팀을 구성 +신청하고, 나머지 인원이 랜덤으로 채워졌다.현재 부팀장님이 먼저 같이 하자고 제안을 해주셔서 하겠다고 하셨고, 본인이 부팀장을 하시겠다고 하셨다.사실 그건 신청하는 분 마음이니까 슈뢰딩거의 고양이처럼 신청하

📎 프로그레시브 웹 앱 소개PWA는 프로그레시브 웹 앱(progressive web app)의 줄임말입니다. PWA는 우리 모두가 알고 있고 좋아하는 HTML, CSS, 자바스크립트(JavaScript)와 같은 웹 기술로 만드는 앱입니다. 하지만 그 느낌과 기능은 실

!youtube9Lq_gonPokw⬆︎ 벨로그 클론코딩 시연영상velog가 리액트로 개발되어서 뜯어보면서 공부하기에 좋은 주제였다.이번에 개발하면서 고려한 점, 더 나은 코드를 짜려고 노력한 점은 컴포넌트 잘 사용하기 였다.컴포넌트 나눌지 말지, 나눈다면 얼마나 나눌지

key에는 _id를 넣어주는게 좋다고 하셨다.

!youtubeuocjkQ-\_4LY미니프로젝트 주간에는 할 수 있는 기능들을 복습 + 플러스 알파 연습해보는 느낌으로 스코프를 잡아서 진행했다.