profile
어제보다 더 나은, 어제보다 더 밝은
태그 목록
전체보기 (102)Daily Comment(19)FE(10)프론트엔드개발자(10)프론트엔드(9)FE개발자(9)JavaScript(7)React(6)State(3)구조분해할당(2)자바스크립트(2)teamProject(2)Event(2)Apollo client(2)study(2)리액트(2)mydocs(2)set(1)비구조화할당(1)react-quill(1)ci(1)Daily Commnet(1)undefined(1)TIL(1)회고(1)콜백(1)regular expression(1)sql(1)every(1)swr(1)graphql-query(1)session storage(1)http(1)DNS(1)쿼리(1)Event Handler(1)lifecycle(1)memoization(1)antd css(1)나머지 매개변수(1)Class Component(1)callback(1)lazyload(1)알고리즘(1)MPA(1)Shallow Routing(1)preload(1)hosting(1)csrf(1)null(1)Object.assign(1)useEffect(1)js(1)레이아웃숨기기(1)&&(1)unflatten(1)pagination(1)domain(1)고차함수(1)graphql(1)Debouncing(1)observable(1)콜백함수(1)레이아웃(1)prev()(1)query(1)XSS(1)https(1)@media(1)Node(1)Optimistic UI(1)const(1)let(1)var(1)docker(1)antd(1)filter(1)event.target(1)재귀함수(1)re-rendering(1)local storage(1)cd(1)useRef(1)retchQueries(1)CSS(1)object.entries(1)이벤트핸들러(1)Context API(1)reduce(1)CSR(1)SSR(1)splice(1)background image(1)responsive design(1)HoF(1)infinite scroll(1)flatten(1)shallow copy(1)Functional Component(1)spa(1)HoC(1)nosql(1)render(1)seo(1)JSX(1)cookie(1)ssg(1)Recursive Functions(1)랜딩(1)object.keys(1)State Lifting(1)try catch(1)Map(1)랜딩페이지(1)팀프로젝트(1)mutation(1)Token(1)currying(1)Props(1)diary(1)권한분기(1)Throttling(1)object.values(1)ES6(1)event handling(1)mobx(1)redux(1)deep copy(1)closure(1)modal(1)daily(1)promise.all(1)
post-thumbnail

[스터디] 꽉잡아스크립트 스터디 1회차

4장. 변수 - 소현5장. 표현식과 문 - 두인6장. 데이터 타입 - 서형7장. 연산자 - 현민스터디 첫 날! 개인 사정으로 첫 날만 9시에 스터디를 진행했다. 사전에 논의한 대로 각 자 맡은 파트를 정리해왔고, 정리한 게시물을 보면서 진행했다.공부를 하면서 수업에서

약 22시간 전
·
0개의 댓글

[Js] 07장 연산자

연산자는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산등을 수행하여 하나의 값을 만든다. 연산의 대상을 피연산자라고 하며, 값으로 평가될 수 있는 표현식이어야한다. 7.1 산술 연산자 피연산자를 대상으로 수학적 계산을 수행하는 연산자이

2일 전
·
0개의 댓글

[스터디]모던 자바스크립트 딥다이브 스터디

모던 자바스크립트 딥다이브 스터디 시작!이력서 작성하면서 자바스크립트에 대해 더 공부를 해야할 필요를 느꼈고, 마음이 맞는 동기들과 함께 스터디를 하기로 했다.모던 자바스크립트 딥다이브 완독을 목표로 잡았다.매주 화요일, 금요일 오전 10시 온라인+오프라인으로 스터디가

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

[TP]리팩토링 4,5일차

4,5일차에는 계획대로 가든디테일 반응형과 랜딩페이지 구성을 다시 하였다. 가든 디테일 반응형 전

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

[TP]리팩토링 1,2,3일차

220612부터 지난 한달 간 진행했던 팀프로젝트 코드를 리팩토링 시작했다. 우선 리팩토링 기간은 1주일로 계획했고, 우리는 각자 맡은 영역이 나누어져있기때문에 각자 리팩토링 진행하기로하였다. 나는 우선 일주일의 일정을 구성했다.

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

Docker

Docker 도커란 리눅스 컨테이너를 기반으로 하여 특정한 서비스를 패키징하고 배포하는데 유용한 오픈소스 프로그램이다. 여기서 흔히 화물을 넣는 큰 컨테이너 박스처럼 한꺼번에 여러 곳으로 운반할 수 있는 점에서 비슷하다. 소프트웨어를 컨테이너라는 표준화 된 유닛으로

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

[에러 기록]로그인을 하면 헤더에 적용이 선택적이다!

에러 상황 포트폴리오 작업 중 헤더에 데이터가 선택적으로 들어간다. 도대체 어느 기준으로 데이터가 들어갔다가 안들어갔다가 하는 건지 찾아보았다. const { data } = useQuery fetch가 되었다가 안되었다가 해서 화가난다아아아앙 업로드중..

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

[TP]220511_3일차 회고

리뷰 및 느낀점디자이너님과 바뀐 아이디어와 컨셉에 대해 회의를 다시 진행했다. 급하게 작업을 해야하시는 상황이라 한숨이 계속 들렸지만 어쩔 수 없지 뭐.마일스톤 1차에 대한 와이어프레임은 제작을 완료했고, 내일 중으로 디자이너님한테 작업물 받으면 목업 제작하면 될 것

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

[TP]220510_2일차 회고

리뷰 및 느낀점1일차에 정한 아이디어에 대해 와이어프레임 작업을 진행하면서 기능적인 측면에서 흔들리는 것을 느끼고, 아이디어 자체를 뒤엎었다. 새로운 아이디어로 컨셉을 잡고, 기능을 픽스하였다. 같은 개발자여도 프론트엔드와 백엔드의 사소한 단어도 다른 것을 느꼈고, 협

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

[TP]220509_1일차 회고

1. 리뷰 및 느낀점 팀프로젝트 첫 째날. 2. 오늘 한 일 3. 내일 할 일

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

js와 node 차이

자바스크립트는 프로그래밍 언어이고, node.js는 Chrome V8 JavaScript 엔진으로 빌드 된 JavaScript 런타임이다. node.js를 통해 다양한 자바스크립트 어플리케이션을 실행할 수 있다.간단하게 정리해보자.프로그래밍 언어브라우저에서만 동작하고

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

ES6의 특징

Let / Constvar, let, constDefault Parameters함수의 파라미터 정의 부분에 default 값을 선언할 수 있다.Template LiteralsTemplate literals Muti-line Strings 멀티 라인 문자열Template

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

null과 undefined 차이

null은 '비어 있는 변수, 값이 존재하지 않음'을 의미하고, undefined는 '변수가 정의되어있으나, 아무 값도 할당받지 않은 상태'를 의미한다.둘의 공통점은 둘다 타입명의 값이 유일하다는 것이다.간단하게 ==과 ===으로 확인하면 쉽게 이해할 수 있다!

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

CI/CD

CI는 Continuous Integration의 약어이며, 개발자를 위한 자동화 프로세스인 지속적인 통합(Continuous Integration)을 의미한다.소스/버전 관리 시스템에 대한 변경 사항을 정기적으로 커밋하여 모든 사람에게 동일 작업 기반을 제공한다. 커

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

[에러기록]충전을 했는데 왜 내 포인트는 안 올라가니ㅠ내 돈 내놔

결제까지 완료되었는데 내 계정에 포인트는 올라가지 않는 상황플레이그라운드 상에서 체크해도 계정 자체에 포인트가 올라가지않음!포인트 결제 쿼리에 받아올 것 만 넣어줘야한다.안 받아도 되는데 귀찮다고 다 적지마.

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

[에러기록]React-quill을 import했는데 서버에러가 떠!

에러 상황 React-hook-form 안에 에디터를 사용하고 싶어서 react-quill을 넣은 상황. react-quill의 DOCS대로 yarn add도 잘했고, import도 react-quill과 css 둘다 했음. yarn dev했더니 sever Error

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

[에러기록] Parsing error: Cannot find module 'next/babel'

에러 상황 새 프로젝트 진행하려고 하는데 갑자기 import, export에 Parsing error가 뜸. 해결 방안 우선 프로젝트 루트 경로에 .babelrc 파일을 생성한다. .babelrc 파일에 다음 코드를 작성한다. 루트 경로에 있는 .eslintrc

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

@media , Responsive Design

반응형 디자인이란 디바이스(전자기기)별로 각각 레이아웃(grid)가 달라지게 하는 작업을 의미한다.반응형 웹에서는 필수인 미디어쿼리는, 화면크기 마다 각각 다르게 CSS를 적용하는 것이다.화면 사이즈를 인식해 서로 다른 CSS를 적용시켜준다. 일반적으로 스마트폰, 태블

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

SPA vs MPA

싱글페이지 어플리케이션란 한 개의 페이지로 구성된 어플리케이션을 의미한다.웹 애플리케이션에 필요한 모든 정적 리소스를 최초 한번에 다운로드한다. 이후 새로운 페이지 요청이 있을 경우, 페이지 갱신에 필요한 데이터만 전달받아 페이지를 갱신하는 방식이다.SPA의 장점전체

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

SEO (CSR, SSR, SSG)

웹 렌더링 기술에 대해 알아보자!CSR은 브라우저에서 자바스크립트를 이용하여 단일 웹페이지 상의 HTML 요소를 동적으로 생성하고 조작한다. 따라서 서버 측에서는 텅빈 HTML 문서 하나와 자바스크립트 코드만 내려주고 그 이후에 모든 일들은 클라이언트 측에서 브라우저가

2022년 5월 4일
·
0개의 댓글