profile
코딩 일기장
태그 목록
전체보기 (146)프로그래머스(14)CSS(5)React(5)객체지향(4)status(3)http(3)styled component(3)new Date(3)git(3)linux(2)redux(2)stopPropagation(2)useEffect(2)usedispatch(2)유클리드호제법(2)로그인유지(2)State(2)useRef(2)JOIN(2)preventDefault(2)Math.sqrt()(2)localstorage(2)JavaScript(2)setTimeout(2)객체(2)client(2)axios(2)Token(2)set(2)최소공배수(2)최대공약수(2)Event(2)json(2)html(2)Math.round(2)useselector(2)usequery(1)배열(1)cors(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)자료구조(1)API(1)link(1)schema(1)visual studio(1)push(1)prepend()(1)순열(1)SQL 키워드(1)JSON.stringify(1)stateCode(1)document.querySelector(1)catch(1)소수 구하기(1)bind(1)Linux 명령어(1)If-None-Match(1)stack(1)queue(1)애자일(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)MVC(1)Dispatch(1)소수구하기(1)중복순열(1)피보나치 수(1)CSS 변수 지정(1)css 상속(1)dotenv(1)리랜더링(1)await(1)matrix(1)stylecomponent(1)storybook(1)useState(1)ajax(1)조합(1)react-typescript-redux(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)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)2022(1)UDP(1)cli(1)switch(1)https(1)JWT(1)protocol(1)새로고침(1)scrollIntoViews()(1)mongodb(1)concat(1)비밀번호 수정(1)docker(1)Last-Modified(1)require(1)신규아이디 추천(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)3진법 뒤집기(1)mysql(1)화살표함수(1)길찾기(1)코플릿(1)object.entries(1)useCallback(1)data-*(1)shift(1)리렌더링(1)벡터(1)카카오맵(1)focus(1)CSR(1)SSR(1)http/네트워크(1)splice(1)실패율(1)모달(1)content negotiation(1)Pop(1)Date.now(1)block(1)inline(1)onchange(1)토큰(1)split()(1)2016년(1)HTTP와 HTTPS 차이점(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)IntersectionObserver(1)인증/보안(1)상속(1)toString(1)window.scrollY(1)날씨 API(1)JSX(1)express(1)slice(1)변수(1)중복 제거(1)req(1)svg(1)object.keys(1)Map(1)border-box(1)Math.random(1)transition(1)mutation(1)Threshold(1)Props(1)MongoDB CRUD(1)CreateElement(1)else(1)object.values(1)진법(1)운영체제(1)closure(1)utf(1)padStart()(1)rcc(1)Payload(1)브랜치(1)session(1)컴퓨터 공학 기초(1)문자열 뒤집기(1)터미널(1)hover(1)scope(1)call(1)스레드(1)sop(1)비관계형 데이터베이스(1)canvas(1)브라우저 초기화(1)JadenCase(1)Document.getElementById()(1)tag(1)정규표현식(1)생략(1)자정(1)react ts redux(1)js typescript(1)
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개의 댓글
·
post-thumbnail

22. 07. 27. js 시간 자정으로 설정하기

let t = new Date(new Date().setHours(0, 0, 0, 0));//이전 자정(즉, 당일)//let t = new Date(new Date().setHours(24, 0, 0, 0)); 이후 자정//let t = new Date(new Date

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

22. 07. 22 graphQL Client

보통 index에서 useContext Provider처럼 App 자체를 싼다.client를 하나 설정하고 그걸 따서 Provider로 제공한다고 생각하면 됨.index에서 사용원래 사용법매일 client를 끌고와야 하는 단점, state를 매일 만들어서 넣어야 하는

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

22.07.21. StructuredClone

보통 객체에서 얕은 복사를 할 때는 spread 연산자를 많이 사용한다. 하지만 이 경우에 안에 객체나 배열이 또 있다면 문제가 될 수 있다.위에서 grade 프로퍼티는 정상적으로 clone 부분만 변경되었지만, profile의 name 부분은 원본이 변경된 것을 알

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

22. 07. 19 TIL

보통 우리가 이런 식의 코드가 있었다고 해보자.a 태그는 li, ul의 두 개의 부모 태그가 있다.사용자가 a 태그를 클릭한다면 a 태그만 실행이 되는 것이 아니라 li, ul태그로 순차적으로 전달이 된다.즉, a 태그의 onclick -> li 태그의 onClick

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

SVG 컴포넌트로 따서 사용할 때 수정 방법

\-r 등 -뒤에 소문자는 모두 카멜케이스로 변경.ex) style-lof => styleLofStyle 부분은 전부 style={{        maskType: 'alpha',      }}이런 식으로 변경하기.기존 -> style="maskType:alpha"수정

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

22. 07. 08 StyleComponent Props 전달

c

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

프로그래머스 타겟넘버

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

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

mac vs 및 터미널 관련

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

2022년 6월 22일
·
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개의 댓글
·