profile
코딩 일기장
태그 목록
전체보기 (151)CSS(6)프로그래머스(5)React(5)객체(4)객체지향(4)programmers(4)http(3)useRef(3)new Date(3)styled component(3)status(3)git(3)Props(3)정규표현식(2)json(2)최대공약수(2)로그인유지(2)Prettier(2)Math.round(2)preventDefault(2)localstorage(2)State(2)set(2)useEffect(2)setTimeout(2)Token(2)usedispatch(2)linux(2)JOIN(2)axios(2)Math.sqrt()(2)JavaScript(2)client(2)html(2)redux(2)Event(2)useselector(2)stopPropagation(2)react ts redux(1)js typescript(1)usequery(1)object(1)배열(1)cors(1)component(1)etag(1)sudo(1)res(1)proto(1)promise(1)sql(1)express 공식문서(1)express session(1)tab(1)깊은복사(1)Cashe(1)HTTP Headers(1)자료구조(1)API(1)link(1)schema(1)visual studio(1)push(1)prepend()(1)순열(1)기본값(1)SQL 키워드(1)JSON.stringify(1)stateCode(1)document.querySelector(1)catch(1)소수 구하기(1)bind(1)cookies(1)Linux 명령어(1)If-None-Match(1)stack(1)queue(1)애자일(1)three.js(1)REST(1)쿠키(1)align items(1)justify content(1)mac(1)이미지(1)purecomponent(1)fillRect(1)new Array()(1)oAuth(1)three Fiber(1)유효성검사(1)nodemon(1)project(1)url(1)getBoundingClientRect(1)If-Modified-Since(1)chmod(1)jwt.verify(1)head(1)면접(1)MVC(1)소수점(1)Dispatch(1)text(1)소수 둘째 자리(1)소수구하기(1)명예의전당(1)중복순열(1)react-draggable(1)CSS 변수 지정(1)css 상속(1)dotenv(1)리랜더링(1)await(1)matrix(1)stylecomponent(1)storybook(1)useState(1)ajax(1)useRef 변화 감지(1)조합(1)react-typescript-redux(1)기사단원의 무기(1)환경변수(1)Side Effect(1)margin:auto(1)img(1)alt(1)react redux(1)&times(1)참조값(1)Spread(1)async(1)ref(1)Math.ceil(1)class(1)includes()(1)store(1)Flex(1)export(1)&&(1)apollo cache(1)useParams(1)고차함수(1)rel(1)graphql(1)html 전역속성(1)위치(1)푸드파이트대회(1)ESLint(1)tcp(1)salt(1)css 선택자(1)밀림(1)unshift(1)pointer-events(1)Object.create(1)query(1)su(1)에라토스테네스의 체(1)action(1)Hashing(1)비트연산자(1)classList(1)2022(1)UDP(1)cli(1)switch(1)https(1)JWT(1)protocol(1)새로고침(1)scrollIntoViews()(1)mongodb(1)concat(1)비밀번호 수정(1)편차(1)docker(1)Last-Modified(1)require(1)Map 역순(1)캐시(1)filter(1)href(1)fillStyle(1)default(1)jwt.sign(1)z-index(1)foreach(1)비동기함수(1)CSS data(1)interface(1)Math.floor(1)window.requestAnimationFrame(1)빌드(1)options(1)객체 배열 중복 제거(1)event.target(1)콘텐츠 협상(1)재귀함수(1)padEnd()(1)데이터베이스(1)StructuredClone(1)10진법(1)Sort(1)rsi(1)비트맵(1)setInterval(1)가비지 컬렉션(1)DOM(1)body(1)mysql(1)화살표함수(1)길찾기(1)object.entries(1)useCallback(1)data-*(1)shift(1)리렌더링(1)벡터(1)카카오맵(1)border(1)focus(1)CSR(1)SSR(1)http/네트워크(1)splice(1)모달(1)content negotiation(1)Pop(1)Date.now(1)block(1)resizeObserver.observe(1)inline(1)onchange(1)토큰(1)split()(1)최소공배수(1)HTTP와 HTTPS 차이점(1)단축키(1)분산(1)appendChild(1)params(1)provider(1)form(1)label(1)super(1)Fetch(1)react typescript(1)Flat(1)draggable(1)pick or not(1)리액트 초기화(1)IntersectionObserver(1)인증/보안(1)상속(1)toString(1)window.scrollY(1)날씨 API(1)JSX(1)express(1)slice(1)변수(1)react cookie(1)중복 제거(1)req(1)svg(1)object.keys(1)Map(1)border-box(1)Math.random(1)transition(1)mutation(1)Threshold(1)MongoDB CRUD(1)CreateElement(1)else(1)outsideClickOff(1)object.values(1)진법(1)표준편차(1)운영체제(1)closure(1)utf(1)padStart()(1)modal(1)3D(1)rcc(1)resizeObserver.unobserve(1)Payload(1)브랜치(1)session(1)컴퓨터 공학 기초(1)과일 장수(1)문자열 뒤집기(1)터미널(1)hover(1)scope(1)call(1)스레드(1)sop(1)비관계형 데이터베이스(1)canvas(1)브라우저 초기화(1)Document.getElementById()(1)tag(1)생략(1)자정(1)유클리드호제법(1)
post-thumbnail

Programmers 기사단원의 무기

내가 푼 방법남들이 한 방법처음에는 그냥 이중배열로 했더니 시간 초과.다른 사람들이 푼 것을 보니 제곱근을 이용해서 시간을 줄임.하나씩 하나씩 하면서 익히자

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

Programmers 과일 장수

문제내가 푼 것다른 사람들이 푼 것다른 사람이 푼 것을 보면 score를 복사해서 오름차순으로 ㅈ어렬 후, 나머지 부분을 앞에서부터 잘랐다. 즉, 최소값들 중 m과 필요 없는 부분을 자른 것.그래서 for문으로 돌면서 i를 m만큼 넘기면서 answer에 더한다.이 말은

2023년 5월 18일
·
0개의 댓글
·
post-thumbnail

Programmers 명예의 전당 (1)

내가 푼 코드남들이 푼 코드

2023년 5월 17일
·
0개의 댓글
·
post-thumbnail

Programmers 가장 가까운 글자

내가 푼 것남들이 푼 것간단해 보인다.lastIndexOf() 메서드는 문자열에서 특정 문자 또는 문자열이 마지막으로 나타나는 인덱스를 반환하는 메서드그래서 string s를 배열로 만든 후 map으로 돌려서 slice를 하는데, index까지 자르면서 그 slice에

2023년 5월 16일
·
0개의 댓글
·
post-thumbnail

programmers 푸드파이트 대회

내가 푼 방식남이 푼 방식여기서 repeat() 함수는 문자열을 지정된 횟수만큼 반복하여 새로운 문자열을 생성하는 메서드이중 배열을 쓰기 싫어서 고민에 고민을 해봤는데 안 되어서 이중배열을 써서 풀었는데 이사람은 아주 간단하네..나도 잘하고 싶다

2023년 5월 15일
·
0개의 댓글
·

버튼 클릭 후 모달 바깥 쪽은 클릭하여 모달 꺼지게 하기

모달 띄우는 버튼을 클릭 후 그 모달 주위를 클릭하였을 시 모달이 꺼지게 함일단 state에 object 형식의 dummyData를 mapping하여 showMenu를 넣어줌버튼 클릭 시 index가 일치하는 것은 반대 showMenu를 넣어줌으로써 해당 index 정

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

react-draggable 키와 마우스 조작으로 이동 설정

react-draggable 사용 시 따로 일정 키나 마우스 조작 시 안 움직이게 하는 옵션은 없는 것 같아서 한 조치.addEventListener를 이용하여 아예 shift 자체의 입력이 들어가버리면 state 변화를 줘서 draggable이 움직이지 못하게 만듬.

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

2023.04.21 css

box-sizing: border-box를 넣었는데 여기에 left에 border 3px를 넣었더니 text는 밀림.그래서 중첩으로 쌓아야 됨.코드

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

2023. 03. 23. 세미나

3D 회전, 표준편차, git release 등의 세미나를 회사에서 들은 날이다.3D 회전 같은 경우는 내가 너무 수알못이라서 그런지 기본적인 부호부터 모르는 부호에다가 행렬을 써서 돌리는 이유 등 너무 어려운지라 멘탈 나감..그 뒤에 것들은 이해가 좀 되서 여기에 기

2023년 3월 24일
·
0개의 댓글
·

2023. 03. 20 ESLint, prettier 설치 및 세팅

이 글은 회사에서 세미나를 하기 위해 쓴 글로 다양한 블로그를 보고 참고해서 썻기 때문에 많은 비슷한 점이 있습니다. 이 글보다는 밑에 tag에 달아놓은 글을 보시는 것이 더욱 자세할 수 있습니다.eslint와 prettier는 javascript로 개발을 할 때 우리

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

2023. 03. 06

프로젝트 진행 중 useRef의 변화가 한 박자 늦게 변화가 감지되어 실시간으로 변화가 일어나지 않아 useRef를 실시간으로 확인할 수 있는 방법을 찾아보았다.즉, 설정한 해당 Element의 크기 변화를 관찰하는 것.해당 element의 크기가 변화가 생기는 순간을

2023년 3월 6일
·
0개의 댓글
·
post-thumbnail

2023. 01. 17

참조 : https://blog.pumpkin-raccoon.com/80

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

2023. 01. 02.

객체 안에서 key를 로 감싸면 그 안에 넣은 레퍼런스가 가리키는 실제 값이 key 값으로 사용된다.

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

2022. 12. 30.

만약 props가 없을 때 기본값을 정할 수 있다.

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

2022.11.14

객체에서 못 읽는 경우는 . 대신 \[]를 사용.

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

2021. 11. 09 props 문제

프로젝트를 하던 도중 setState를 modal component에 전달을 하였으나 setState is not a function이라는 오류가 발견.이유를 한참 해메던 중 관련이 있는 component에서 랜더링이 일어날 경우 오류가 난다.무슨 이야기냐 하면 con

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

Three.js (3D 이미지 만들기)

Three.js tutorial Three.js는 웹페이지에서 3D 콘텐츠를 최개한 쉽게 얻을 수 있도록 하는 3D 라이브러리이다. 위 구조를 Renderer라고 한다. 이 구조는 three.js의 main object라고 생각하면 된다. 간단하게 설명하면 Sce

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

2022. 08. 12 JSON.stringify()

JSON.stringify() 메서드는 JavaScript 값이나 객체를 JSON 문자열로 변환한다. 나같은 경우는 배열 안에 문자들을 비교하기 위해 사용하였다.

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

22. 07. 29

Object.keys() Object.values() Object.entries()

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