profile
코딩 일기장
태그 목록
전체보기 (146)프로그래머스(14)CSS(12)React(5)객체지향(4)status(3)git(3)styled component(3)http(3)useselector(2)Math.sqrt()(2)JavaScript(2)linux(2)set(2)State(2)useRef(2)Math.round(2)line height(2)로그인유지(2)Event(2)setTimeout(2)localstorage(2)redux(2)json(2)axios(2)유클리드호제법(2)border-box(2)transition(2)객체(2)Token(2)useEffect(2)최소공배수(2)JOIN(2)new Date(2)html(2)usedispatch(2)최대공약수(2)cors(1)etag(1)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)자료구조(1)absolute(1)text align(1)API(1)link(1)schema(1)relative(1)visual studio(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)애자일(1)transform(1)REST(1)쿠키(1)align items(1)justify content(1)mac(1)이미지(1)purecomponent(1)fillRect(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)head(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)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)useParams(1)고차함수(1)rel(1)html 전역속성(1)위치(1)Prettier(1)tcp(1)salt(1)css 선택자(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)concat(1)비밀번호 수정(1)docker(1)box-sizing(1)Last-Modified(1)require(1)신규아이디 추천(1)Map 역순(1)캐시(1)filter(1)href(1)fillStyle(1)content-box(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)10진법(1)Sort(1)rsi(1)비트맵(1)setInterval(1)가비지 컬렉션(1)DOM(1)body(1)3진법 뒤집기(1)mysql(1)화살표함수(1)길찾기(1)background(1)코플릿(1)useCallback(1)data-*(1)shift(1)리렌더링(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)block(1)inline(1)토큰(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)onchange(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)터미널(1)hover(1)static(1)scope(1)call(1)스레드(1)sop(1)비관계형 데이터베이스(1)canvas(1)브라우저 초기화(1)JadenCase(1)Document.getElementById()(1)tag(1)정규표현식(1)생략(1)react ts redux(1)js typescript(1)배열(1)
post-thumbnail

프로그래머스 타겟넘버

완전 탐색으로 푸는 문제.재귀가 좀 이해가 가지 않는다..돌아가는 방식을 아직도 이해를 잘 못하고 있다.진짜 처절하게 짜증난다

어제
·
0개의 댓글

mac vs 및 터미널 관련

https://spacechild.net/476https://ifuwanna.tistory.com/261

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

CSS 선택자

선택자 2개를 동시에 만족하는 요소를 선택하는 개념.span태그와 orange class를 동시에 만족하는 요소 선택하위선택자를 좀 더 명확하게 하기 위해 보통 사용ul태그 안에 있는 orange class선택자 ABC의 하위 요소 XYZabc 태그 밑에 있는 XYZ

2022년 6월 7일
·
0개의 댓글

2022.06.07 국비지원 HTML 전역속성

html 전역속성이란 body에 쓸 수 있는 모든 tag에 쓸 수 있는 속성title = 마우스를 올리면 나오는 속성전에도 한번 공부했지만 다시 한 번 정리.dataset.이름 으로 console.log 확인.but, JS는 하이픈(-) 이 안되므로 만약 이름에 fru

2022년 6월 6일
·
0개의 댓글

2022. 06. 04 국비지원

google에 reset.css cdn 검색코드로 html을 따서 link css 것 위에 넣기.codepen같은 경우는 css 설정에서 css base Reset 설정.그럼 기본적으로 페딩 등 들어있는 것들이 전부 초기화가 된다.대표적으로는 span tag.글자를 만

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

2022. 06. 03 복습(국비지원)

head란 문서의 정보를 나타낸다.웹 제목, 설명, 파일의 위치, style 등 눈에 보이지 않는 정보를 작성하는 곳으로 이해그래서 css를 보통 연결할 때 HTML에서 head에서 link로 연결link란 외부문서를 가져올 때 사용한다. (대부분 css 파일이 대다수

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

22. 06. 02 웹에서 사용하는 이미지 종류

크게는 비트맵 이미지와 벡터 이미지로 나뉜다.사진같은 이미지.확대 / 축소 시 계단 현상이 일어나거나 품질이 저하될 수 있다.일반적인 사진.선, 점으로 이루어진 수학적 공식들로 만들어진 것.확대 / 축소에서 자유로움. 용량 변화 X일반적인 사진으로는 활용 불가

2022년 6월 1일
·
0개의 댓글

22.06.02 코코넛사일로 면접

State가 뭔지 물어보았는데 내 대답이 영 형편이 없었고..Redux에 대해 물어보았는데 이것 또한 내 대답이 형편이 없었다.다시 한 번 정리하자.특히 Redux는 이번에 국비지원 교육 잘 받으면서 다시 한 번 잘 복습해보기..!!

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

2022.05.27

Canvas API는 JavaScript와 HTML canvas 엘리먼트를 통해 그래픽을 그리기위한 수단을 제공한다. HTMLjavascript무엇보다도 애니메이션, 게임 그래픽, 데이터 시각화, 사진 조작 및 실시간 비디오 처리를 위해 사용된다.실제 그리기는 Canv

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

2022.05.23 면접 질문 정리

면접에 나왔던 것 중에 대답을 했던 것.클로저란 무엇인가var, let, const의 차이다시 복습해야 할 것선언형 -> HTTP / CSS / JS로 나뉘어서 개발하는 것은 직관적이지 않다. 즉, querySelector 등을 이용하여 js에서 다시 불러와서 하는 불

2022년 5월 23일
·
0개의 댓글
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개의 댓글