profile
love myself ᰔ

TIL 36, reload 새로고침

location.reload() : 컴퓨터의 캐쉬에서 우선 파일을 찾고, 없으면 서버에서 받아온다location.reload(true) : true파라미터를 입력하면 무조건 서버에서 직접 파일을 가져온다. 캐쉬는 완전 무시된다. 강력하고 강제적인 방법history.go

2021년 3월 29일
·
0개의 댓글
post-thumbnail

TIL 35. NextJS가 뭐지?

mkdir 파일 이름cd 파일 이름yarn init -y (npm도 되지만 yarn이 더 빠르다!)yarn add react react-dom next package.json 파일에 들어가서 “script”: { “dev”: “next”, “build”: “next b

2021년 3월 11일
·
0개의 댓글

TIL 34. branch remote

다른 로컬에서 작업한 후 repo에 push까지 했는데 다른 노트북 로컬로 불러오는 방법 ! 회사에서 사용하고 노트북을 들고다니기 힘들어서 집에서는 개인 노트북을 사용하는데 잊을수도있으니까 기록 !git remote update리모트를 업데이트 시켜 바뀐 내용을 가져올

2021년 3월 8일
·
0개의 댓글

TIL 33. 랜덤함수

배열이 수도없이 많은데 조건이 랜덤을 돌리면서 3개를 노출을 시켜야한다!

2021년 2월 24일
·
0개의 댓글
post-thumbnail

TIL 32. m1으로 yarn 깔기란 ..

m1이라는 CPU는 apple에서 직접 만들걸로 intel 다음으로 나온거라고 한다 .. 근데 문제가 있다 .. 아직 사용한지 얼마되지 않아 .. 호환이 잘 안된다 ... 아니나 다를까 이것저것 깔려고 하면 너무 힘들다 ... 회사에서는 yarn을 써서 npm에서 ya

2021년 2월 9일
·
0개의 댓글
post-thumbnail

TIL 31. Recoil 설치 및 사용방법

recoil은 Redux랑 같은 개념인데 코딩할때도 코드의 양도 줄고 간편하고 쉽게 상태관리를 할 수 있다는 장점이 있다!! npm install recoilyarn add recoilRecoil에는 Atom이라는게 있는데 아톰이란 ?!상태를 나눠서 여기저기 사용할 수

2021년 2월 9일
·
0개의 댓글

TIL 30. 숫자 원단위로 바꾸는 정규식 표현

엄청난 큰 숫자를 천만원 단위로 끊어야 할 때가 있다.그럴때 이 정규식을 사용하면 간단하게 표현할 수 있다!!!!나는 천만원으로 끊으려고 1000을 splitUnit으로 잡고 단위를 '만원'으로 표기했다 👀만약 억, 조 등으로 표현하고 싶으면 만원 뒤에 '억', '조

2021년 2월 9일
·
0개의 댓글
post-thumbnail

TIL 29. React Slick

2차 플젝하면서 원래 페이지에는 Slick을 써서 추천 책을 썼지만 다른 부분에 더 집중하기 위해 그 부분을 뺐었는데 지금 끝난 후에 리팩토링하면서 React-Slick 을 만들어보아따!!!!!! 💻 React-Slick 설치 및 사용법 React-Slick

2021년 1월 24일
·
0개의 댓글
post-thumbnail

TIL 28. AWS

앞서 기록했던 EC2에 이어서 설명을 하자면 AWS 배포까지 하면 고지가 보인다 ..다해써 .. 금방할수이쎠 ..Amazon Web Service로 클라우드 서비스이다. AWS에서 말하는 클라우드는 ‘네이버 클라우드’나 ‘구글 드라이브’와는 좀 다른 개념이다. 네이버

2021년 1월 6일
·
0개의 댓글
post-thumbnail

TIL 27. EC2

AWS를 배운지가 언제인가 .. 급하게 배포를 해야될때가 오니까

2021년 1월 6일
·
0개의 댓글
post-thumbnail

TIL 26. Kakao 소셜 로그인

지금 디뉴로에서 기업협업을 하면서 설문조사에 대해 페이지를 만들고 있는데 내가 Login 페이지도 담당해서 로그인안에 소셜로그인을 넣기로 했다.멘토님께서도 카카오를 시작으로 해보는게 좋다하셔서 카카오를 먼저 시작했는데쉬우면 쉽지만 어렵기도 하다.다음에 또 쓸 일이 있을

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

TIL 25. setState

위 처럼 코드를 짜면 이렇게 화면이 나온다 setState는 비동기 함수이기 때문에 console을 setState 바로 아래 찍으면 render되기 전에 바로 찍히기 때문에 시간이 걸리는것을 무시하고 이전 값이 출력되는 것 !두번째 인자로 넘겨주는 콜백함수를 사용.

2020년 12월 28일
·
0개의 댓글
post-thumbnail

TIL 24. Dynamic Routing

우선 동적 라우팅에 대해 알기 전에 어떤 리스트가 있다면 그 중 클릭한게 무엇인줄 알고 넘어가는가에 대해 의문을 가질 수 있다.. ❓지금 하고 있는 프로젝트의 Route.js를 봐보자 !코드를 보면 exact path를 통해 정해진 component로 이동하게 되어있다

2020년 12월 28일
·
0개의 댓글
post-thumbnail

TIL 23. Chart.js

chart.js를 말하기 앞서 내가 기존 라이브러리 외에 새로운 것에 시도할 줄은 상상도 못했다..난 지금하고 있는것도 버겁기에 ...데이터 시각화를 표현하기 위해 막대그래프, 도넛그래프, 레이더 등 여러가지 방법으로 시각화를 나타내는 것 ! https://w

2020년 12월 27일
·
0개의 댓글
post-thumbnail

TIL 22. Hooks

hooks 라고만 하면 무슨말인지 헷갈릴 수 있지만 hooks에는 useState, useEffect, useRef, useReducer 이렇게 4가지가 있지만 지금 제일 많이 쓰고 있는 건 useState 와 useEffect !!react를 처음 사용 할 때는 cl

2020년 12월 27일
·
0개의 댓글
post-thumbnail

TIL 21. wecode 2차 프로젝트 회고록

"수위의 서재"는 "밀리의 서재"를 Clone 한 프로젝트입니다 !! "밀리의 서재"라는 페이지에 대해 간략하게 말하면 책을 온라인으로 읽을 수 있는 사이트입니다 !! 2020.11.30 ~ 2020.12.11 (12일)SUWEE의 서재프론트 : 공주민, 류지혜, 신세

2020년 12월 13일
·
0개의 댓글
post-thumbnail

TIL 20. wecode 1차 프로젝트 회고록

오늘의 집은 여러 물건을 파는 e-commers 사이트 !!2020.11.16 ~ 2020.11.27 (12일)H.O.T (House Of Tomorrow)팀 구성 : 프론트 3명, 백엔드 3명Library : React Language : JavaScriptThird

2020년 11월 29일
·
0개의 댓글
post-thumbnail

TIL 19. map() method

⬆️⬆️⬆️ 저기에 있는 박스안에는 westagram 의 아이콘을 맵으로 변경한것입니다 💁🏻‍♀️ 💁🏻‍♀️우리는 map을 돌린다고 말하죠? 아마 map을 돌리면서 값을 계속 나오게 하려는걸 말하는것 같습니다 ! 그럼 map에 대해 알아보겠습니다 🙋🏻‍♀️

2020년 11월 15일
·
2개의 댓글
post-thumbnail

TIL 18. Westagram 로그인 페이지 기능 (state, event)

⬆️⬆️ 위에는 제가 구현한 페이지 🥰이제는 Html, Css, JavaScript로 정리했던 코드를 React로 바꿀 때 입니다 !!우선 로그인에 필요한 기능을 하나씩 구현해 보겠습니댜 👩🏻‍💻 👩🏻‍💻우선 로그인 버튼에 onClick 속성을 넣어줍니다.

2020년 11월 15일
·
0개의 댓글
post-thumbnail

TIL 17. React 4 - React Router, Sass

Router를 들어가기 전에 앞서 CRA를 설치하고 어마어마하게 많은 파일이 들어있는것을 봤을겁니다!그 중 package.json이라는 파일이 있는데 한마디로 요약하면 node modules에는 너무 많은 파일이 있기 때문에 데이터적이나 속도면에서 힘드므로 간략하게 무

2020년 11월 3일
·
0개의 댓글