profile
꾸준함을 이길 방법은 없다
post-thumbnail

[리액트] 서버사이드랜더링과 클라이언트사이드랜더링의 차이?

일단,랜더링이란 무엇인가?=> 서버로부터 요청해서 받은 내용을 브라우저 화면에 표시해주는 것SSR과 CSR의 차이는 표시해줄 화면을 어디서, 어떻게 그리는지의 차이CSR은 페이지의 내용을 브라우저에서, SSR은 서버에서 페이지의 내용을 다 그려서 브라우저로 전달해준다.

2023년 1월 23일
·
0개의 댓글
·
post-thumbnail

[프로그래머스Lv.0] 배열의유사도 -자바스크립트

프로그래머스 배열의유사도 문제 풀러가기자바스크립트에서 filter는 배열에 사용하는 메서드주어진 함수를 만족하는 모든 요소를 모아 새 배열로 반환한다.includes 메서드는 배열이 특정 요소를 포함하고 있는지 판별하는 메서드아까 s1.filter((e)=>s2.포함되

2023년 1월 11일
·
0개의 댓글
·
post-thumbnail

[멋쟁이사자처럼] 프론트엔드 프로젝트 진행 과정 기록

멋쟁이사자처럼 파이널 프로젝트가 거의 마무리되어가서, 좋았던 경험들을 기록해보려고 한다.주제를 정하기에 앞서 유능한 팀장님인 승연님께서 피그잼으로 회의공간을 만들어주셨고, 우리는 각자 생각해온 아이디어들을 발표하며 이야기를 나누었다.우리 플젝팀은 가져도댕냥 이라는 마켓

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

[리액트] UseEffect 노드 오류 해결 : React Hook useEffect has a missing dependency

React Hook useEffect has a missing dependency프로젝트 개발을 하다가 정말 많이 만난 useEffect 에러작동하는데 문제가 없어서 일단은 냅뒀지만, 배포 전 마지막 에러에 대해 정리해보려고 한다. 위 에러가 뜨는 이유는 useEffe

2023년 1월 4일
·
0개의 댓글
·
post-thumbnail

[React] 리액트로 초간단 todoList (투두리스트) 만들기 _useState

이 게시글은 리액트를 처음 공부하는 사람이 작성한 글입니다. useState가 뭔지 정도만 알고계신다면 부담없이 읽으실 수 있습니다. 해당 코드는 노마드코더의 'ReactJS로 영화 웹 서비스 만들기' 코드를 참고하여 작성하는 코드입니다! 설명이 너무 구리면 노마

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

멋쟁이사자처럼 FE스쿨 회고 #12주차

러버덕스 발표회에 가서 태수님이 해주셨던... 굉장히 인상깊었던 말 의미있는 일을 하면 원래 힘들다. 우리가 하는 이 모든것들이 큰 의미를 가지고 있기에 그만큼 힘든거다

2022년 11월 22일
·
4개의 댓글
·
post-thumbnail

멋쟁이사자처럼 FE스쿨 회고 #11주차

회고를 한번도 밀리지 않는게 목표였지만 10주차 회고를 쓰지 못했다. 스스로 만족스럽지 않은 한주여서 도저히 쓰고싶지가 않았다. 이번주는 저번주보다 더 최악이라고 말할수있다. 하지만 다 극복하리라!!!!!! > 잘했다 김민승 태수님과 밴딩머신으로 미니 프로젝트를 시

2022년 11월 13일
·
8개의 댓글
·
post-thumbnail

멋쟁이사자처럼 FE스쿨 회고 #9주차

긍정적인 변화 > ## 아쉬웠던 부분

2022년 10월 31일
·
8개의 댓글
·
post-thumbnail

멋쟁이사자처럼 FE스쿨 회고 #8주차

긍정적인 변화예전만큼 자바스크립트가 큰 벽처럼 느껴지지 않는다.일주일 사이 내가 엄청난 걸 배운 것도 아니고 실력이 확 는 것도 아니다. 그냥 마음가짐이 달라졌다. 이렇게 하다 보면 될 것 같다는 근거 없는 자신감이 생기고 있고, 그냥 하고 있다. 저번 주에 워낙 정신

2022년 10월 23일
·
8개의 댓글
·
post-thumbnail

멋쟁이사자처럼 FE스쿨 회고 #7주차

좋았던 것복습을 성실히 했다.복습하는데에 정말 오랜 시간이 소요되었고, 자바스크립트 초보자인 나는 복습하느라 과제 알고리즘 등 추가공부를 하지 못하는 사실에 자괴감을 느꼈다. 혼란스러운 마음에도 어쨌든 한 싸이클 돌았고, 포기하지 않고 새벽까지 달린 내가 대단하다.자습

2022년 10월 15일
·
8개의 댓글
·
post-thumbnail

221014 TIL - DOM

DOM 탐색을 document 부터 시작할 필요는 없다. 더 깊숙이 코드 지정하여 시작해주면 더 좋다 DOM 제어 명령어 이벤트 삽입 innerText innerHtml textContent textContent 날것 뱉음 innerText 가공해서 뱉음 세

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

221013 TIL -정규표현식,date

정규표현식과 각종 Date 함수

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

221012 TIL -생성자함수,map,set, this

생성자함수 객체 {} 리터럴 이용하면 객체 쉽게 만들 수 있다. 하지만 개발을 하다보면 유사한 객체를 여러개 만들어야할때가 생기곤 한다. 복수의 사용자, 메뉴 내 다양한 아이템 등을 객체로 표현하고자 할때 'new' 연산자와 생성자 함수 사용하면 유사한 객체를 쉽게

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

멋사 FE스쿨 회고 #7주차의 중간지점

주 회고만 쓰다가 갑자기 마음이 답답해서 갑자기 무언가 일기 형식으로 쓰고싶어졌다.처음에 멋사 시작하고 한달째까지는 공부하는게 즐겁고 사람들이랑 배우고 이야기하는게 재밌었다. 에너지가 채워지는 느낌이었는데, 요즘의 나는 어떤지 모르겠다. 어제까지는 그냥 발등에 불 떨어

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

221011 TIL - 구조분해할당

반복문 구조분해할당 객체와 배열은 자바스크립트에서 가장 많이 쓰이는 자료 구조입니다. 키를 가진 데이터 여러 개를 하나의 엔티티에 저장할 땐 객체를, 컬렉션에 데이터를 순서대로 저장할 땐 배열을 사용하죠. 개발을 하다 보면 함수에 객체나 배열을 전달해야 하는 경우

2022년 10월 11일
·
2개의 댓글
·

[JS] for in과 for of 반복문 정리하기

for문의 구성요소들은 모두 선택적으로 사용할 수 있다.for ...in 반복문object(객체) 반복문. 객체의 Key값에 접근할 수 있지만, value 값 접근 x반복 가능한 객체가 아니라면 for of문을 쓸 수 없으므로, for in문 써줘야함.for...of

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

멋쟁이사자처럼 FE스쿨 회고 #6주차

자바스크립트의 시작. 역시 걱정했던대로 멘붕이 살짝 왔다 🥹좋았던 것JS100제 풀어본 것JS100제 혼자 했으면 질질 끌면서 느릿느릿 풀었을텐데, 영준님이랑 같이 푸니까 반강제로 풀게 됐다ㅋㅋㅋ!! 어쨌든 40번까지 풀었다.(답보고 이해하는 위주로 풀었지만..)TI

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

221006 TIL -자바스크립트

.fill 채우는 함수 배열 내 원하는 요소를 같은 값으로 채울 수 있다. 원본을 변경하는 메소드 복사본이 아닌 this 객체로 변경해 반환한다 10개의 빈 배열 만들고 10으로 채우기 array.from('') 배열, 문자열 등 반복이 가능한 객체 혹은 유사배열을

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

221005 TIL 자바스크립트 배열

코테 볼때, 옆에 자바스크립트 책 놔두기 바로바로 보고 풀기 반응형 왜 클래스 선택자를 많이 쓸까? => 컨벤션으로 만들기 편해서.요소 선택자 쓰게 되면 정확하게 선택하기 힘듦 flex-direction column 이면 높이 기준으로 flex-basis 적용됨

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

221004 TIL

JS의 아이러니.. 대혼란이 올 수 있다.다른 언어에서는 \[] {}는 false 로 나온다고 한다견고한 코딩을 위해 등호 3개 사용하기true : 1false : 0and(&&) : 곱or(||) : 합not(!) : 부정\[]이나 {}는 true값이다.단락평가use

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