profile
코딩 일기장
태그 목록
전체보기 (136)프로그래머스(13)CSS(12)React(5)객체지향(4)status(3)styled component(3)git(3)http(2)useselector(2)linux(2)set(2)useEffect(2)유클리드호제법(2)JOIN(2)Math.sqrt()(2)usedispatch(2)State(2)useRef(2)line height(2)로그인유지(2)객체(2)JavaScript(2)localstorage(2)setTimeout(2)transition(2)border-box(2)axios(2)redux(2)Token(2)최소공배수(2)Event(2)최대공약수(2)new Date(2)json(2)Math.round(2)sudo(1)position(1)sticky(1)res(1)CSS root(1)proto(1)promise(1)sql(1)express 공식문서(1)express session(1)tab(1)Cashe(1)HTTP Headers(1)자료구조(1)absolute(1)text align(1)API(1)schema(1)relative(1)push(1)prepend()(1)순열(1)SQL 키워드(1)stopPropagation(1)stateCode(1)document.querySelector(1)catch(1)소수 구하기(1)bind(1)Linux 명령어(1)If-None-Match(1)stack(1)queue(1)transform(1)REST(1)쿠키(1)align items(1)justify content(1)purecomponent(1)new Array()(1)oAuth(1)유효성검사(1)nodemon(1)project(1)url(1)getBoundingClientRect(1)비밀지도(1)If-Modified-Since(1)chmod(1)jwt.verify(1)숫자 문자열과 영단어(1)알고리즘(1)client(1)MVC(1)Dispatch(1)소수구하기(1)중복순열(1)피보나치 수(1)CSS 변수 지정(1)css 상속(1)dotenv(1)리랜더링(1)await(1)matrix(1)storybook(1)useState(1)ajax(1)조합(1)react-typescript-redux(1)환경변수(1)Side Effect(1)fixed(1)margin:auto(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)useParams(1)고차함수(1)위치(1)Prettier(1)tcp(1)salt(1)unshift(1)pointer-events(1)Object.create(1)query(1)su(1)에라토스테네스의 체(1)action(1)Hashing(1)비트연산자(1)classList(1)margin(1)2022(1)UDP(1)cli(1)switch(1)https(1)JWT(1)protocol(1)새로고침(1)scrollIntoViews()(1)mongodb(1)토큰(1)비밀번호 수정(1)docker(1)box-sizing(1)Last-Modified(1)require(1)신규아이디 추천(1)Map 역순(1)캐시(1)filter(1)content-box(1)default(1)jwt.sign(1)z-index(1)foreach(1)비동기함수(1)CSS data(1)interface(1)Math.floor(1)빌드(1)options(1)객체 배열 중복 제거(1)event.target(1)콘텐츠 협상(1)재귀함수(1)padEnd()(1)데이터베이스(1)10진법(1)Sort(1)rsi(1)setInterval(1)가비지 컬렉션(1)DOM(1)3진법 뒤집기(1)mysql(1)화살표함수(1)길찾기(1)background(1)코플릿(1)html(1)useCallback(1)data-*(1)shift(1)리렌더링(1)카카오맵(1)focus(1)CSR(1)SSR(1)http/네트워크(1)splice(1)실패율(1)모달(1)preventDefault(1)content negotiation(1)Pop(1)Date.now(1)onchange(1)split()(1)2016년(1)HTTP와 HTTPS 차이점(1)opacity(1)단축키(1)appendChild(1)params(1)provider(1)form(1)label(1)super(1)Fetch(1)react typescript(1)Flat(1)pick or not(1)리액트 초기화(1)translate(1)IntersectionObserver(1)인증/보안(1)상속(1)toString(1)window.scrollY(1)날씨 API(1)JSX(1)express(1)slice(1)변수(1)중복 제거(1)req(1)Map(1)Math.random(1)concat(1)Threshold(1)Props(1)MongoDB CRUD(1)CreateElement(1)else(1)translateY(1)진법(1)운영체제(1)closure(1)utf(1)padStart()(1)rcc(1)Payload(1)브랜치(1)session(1)컴퓨터 공학 기초(1)문자열 뒤집기(1)hover(1)static(1)scope(1)call(1)스레드(1)sop(1)비관계형 데이터베이스(1)JadenCase(1)Document.getElementById()(1)tag(1)정규표현식(1)생략(1)react ts redux(1)js typescript(1)배열(1)cors(1)etag(1)
post-thumbnail

2022.05.13 TIL

setTimeout은 비동기 함수로 다른 함수 호출을 막지 않는다.setTimeout은 함수이기 때문에 기본적으로 함수 구조를 갖는다.setTimeout(() => {}) 하지만 여기에서 중요한 건 두 번째 인자로 count가 들어가는데, 그 카운트 이후에 함수를 실행

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

2022.05.09 TIL

눈에 보여지는 수치.HTMLElement.offset은 원초적인 사이즈라고 이해하면 된다.문서가 수직으로 얼마나 스크롤됐는지 픽셀 단위로 반환수평은 window.scrollX 사용HTML에서 data-\*\*\*\*(넣고 싶은 이름)로 사용할 수 있다.어느 엘리멘트에나

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

프로그래머스 피보나치 수

조금 어렵게 생각해서 풀었다.내가 푼 방식 남들이 푼 방식 조금만 더 깊고 쉽게 생각하기

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

2022 05 03 CSS

line-height 속성은 line-box 의 높이를 지정한다.주로 텍스트간의 줄 간격을 조절할 때 사용한다.아이콘, 이미지, 글 등을 일정한 크기의 안에 넣을 때 가운데 정렬을 할 때도 사용이 가능하다.물론 가운데 정렬이 의미가 되는 건 아니지만 line-heigh

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

프로그래머스 JadenCase 문자열 만들기

나는 이런식으로 풀었었다.그런데 이게 빈문자열을 만나게 되면 el0가 undifined를 반환한다.그래서 런타임 에러가 떴었다.그렇기 때문에 이 부분을 바꿔줘야한다. charAt에 숫자를 넣으면 index 부분을 반환해준다. charAt은 빈문자열을 만나면 빈 문

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

2022 04 29 CSS

수직 정렬을 할 때 쓴다.hover는 마우스를 올렸을 때 다른 동작을 하도록 만드는 것이다.그냥 hover를 쓰는 것은 문제가 없으나, 호버 해당 부위를 설정할 때는 이런 식으로 써야한다.여기서 자세히 보기https://studiomeal.com/archive

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

프로그래머스 N개의 최소공배수

유클리드 호제법을 알면 쉽게 풀 수 있는 거라고 하던데 나는 아직 인지를 못했었어서 엄청 고생했는데 결국 못풀었다.이제부터라도 인지하자..유클리드호제법은 최대공약수를 구하는 알고리즘이고, 그 알고리즘을 이용하여 최소공배수를 구하면 된다최소공배수는 두 수의 곱 / 최대공

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

2022 04 28 CSS

이런 식으로 사용 가능하다.var로 적용이 가능하다는 것 알기

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

프로그래머스 신규아이디 추천

문제가 어려웠던 건 아니다.그런데 내가 너무 생각이 부족하여 꼬여버렸다.slice를 쓰면 쉽게 해결할 수 있던 문제였는데, slice가 배열에만 된다고 착각을 해버리는 바람에 너무 꼬아서 풀었던 문제다.그냥 단계별로 조건에 맞게 만들면 된다.다른 사람 풀이정규표현식을

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

2022 04 26 CSS transition

애니매이션을 쉽게 만들 수 있는 요소.transition-property = 어떤 property를 줄 것인지transition-duration = 얼마나 딜레이를 줄 것인지transition-timing-function = 어떤 식으로 animation을 줄 것인지

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

2022 04 26 CSS

움직이고 원래있던 모양을 변경하기 위해서 사용X, Y, Z 값을 이용한다 translate : x,y,z 값을 이용하여 이동시키다 X -> 오른쪽으로 갈수록 숫자는 커진다 Y -> 아래로 갈수록 숫자는 커진다 scale -> 크기가 커진다(배율) rotate

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

2022 04 26 CSS

background를 이용하면 쉽게 반응형처럼 만들 수 있다.background-repeat = 사진 반복 설정background-position = 배경 사진의 보이는 위치 설정background-size = 남는 공간 여백을 활용하는 것

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

2022. 04. 26 CSS

블럭레벨의 태그를 사용할 때 수평 가운데로 넣고 싶다면 margin:auto를 사용하면 된다.text 말고 다른 정렬을 할 때도 많이 쓴다.center를 이용하면 가운데 정렬이 가능하지만 블록레벨의 태그에 적용하면 되지 않는다이럴 때는 margin: auto를 이용해야

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

2022 04 25 CSS

sticky는 부모 안에서 포지션이 지정이 된다.스크롤을 내리면 지정된 위치에서 고정이 된다.다른 것들에는 영향을 주지 않는다.부모와 상관없이 지정된 위치로 이동한다.sticky는 있던 그 자리에서 스크롤링이 고정fixed는 기존에 문서에서 나와서 포지션이 결정똑같이

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

2022 04 25 CSS

box-sizing의 기본값.box의 size에는 영향을 주지 않고 변화된 것이 추가되는 것.padding 등 전부 포함해서 box의 size내에서 해결하기 때문에, box-sizing: border-box를 실행하게 되면 충 박스에서 비율이 조절된다.대부분 borde

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

프로그래머스 숫자 문자열과 영단어

아무리 봐도 알고리즘을 너무 못한다.난 완전 일자무식으로 풀었다. 나처럼 푼 사람은 없는 것 같다. 다른 사람 풀이 이 풀이에서 포인트는 일단 split으로 문자열에서 해당되는 것을 기준으로 나눈다 그러면 이런 식으로 나온다 "2three45sixseven" => '

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

프로그래머스 소수구하기

머리가 안 돌아간다. 그냥 보자마자 멍하니 쳐다보다가 손도 못 댄.... 그런데 막상 보면 그렇게 어려운 문제는 아니다. 근데 풀지를 못하는 게 함정. 제발......... 맨 위 함수 같은 경우는 3개를 더해서 소수를 만드는 경우의 수를 구하고 이걸 소수인지

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

2022.04.22 Tag 작성

일일이 하나씩 테그 넣고 클래스 넣고 ID 넣고 이런 식으로 말고 작성이 가능하다.Tag.클래스명Tag.ID

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

프로그래머스 실패율

거의 다 풀었었는데 지식이 부족해 결국 다른 사람들 것을 참조했다.나는 while문을 사용해서 풀려고 했는데.. 이차원 배열로 넣어서 내림차순으로 하는 것을 생각을 못했다.결국 다른 사람들이 푼 답 중에 가장 좋은 것은해석해보면 일단 1\. 빈배열을 만든다.2\. f

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

2022-04-21 CSS data

css에서 data는 굳이 id나 class명 말고 내가 원하는 데이터를 추가하고 싶을 때 사용한다.여기서 잘 보아야할 것은 console창이다보면 기본적으로 dataset으로 기본적인 이 data의 구조를 볼 수 있다.잘 기억하자.부트캠프 끝나서 좀 헤이해진 것 같다

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