profile
프론트엔드 개발자
post-thumbnail

Class 클래스

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

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

Distructuring 구조분해할당

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

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

클린 코드 Clean Code

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

2022년 11월 18일
·
0개의 댓글
·

리액트 다시 쓰기 (2)

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

2022년 8월 24일
·
0개의 댓글
·

Styled-components 잘 쓰는 법 (1)

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

2022년 8월 13일
·
0개의 댓글
·

This XML file does not appear to have any style information associated with it.

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

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

리액트에서 필터링하기 (실패담. 성공은 전혀 담고있지않은 블로그 글임)

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

2022년 7월 24일
·
0개의 댓글
·

사이드 이펙트?

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

2022년 7월 17일
·
0개의 댓글
·

리액트의 불변성

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

2022년 7월 17일
·
0개의 댓글
·
post-thumbnail

[개발바닥] 중간발표 회고

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

2022년 7월 17일
·
9개의 댓글
·
post-thumbnail

리액트 다시 쓰기 (1)

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

2022년 7월 8일
·
0개의 댓글
·
post-thumbnail

[CSS] z-index

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

2022년 7월 6일
·
0개의 댓글
·

recoil 사용하기 (1) Create

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

2022년 7월 5일
·
0개의 댓글
·
post-thumbnail

react-select 라이브러리 사용하기

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

2022년 7월 4일
·
1개의 댓글
·
post-thumbnail

실전프로젝트 WIL (1)

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

2022년 7월 3일
·
0개의 댓글
·

PWA

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

2022년 6월 27일
·
0개의 댓글
·
post-thumbnail

velog 클론코딩 프로젝트 회고

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

2022년 6월 26일
·
0개의 댓글
·
post-thumbnail

key에 index를 넣으면 안되는 이유

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

2022년 6월 23일
·
0개의 댓글
·

[미니프로젝트] My Diary

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

2022년 6월 19일
·
1개의 댓글
·