- 전체보기(47)
- 리액트(4)
- 프론트엔드(3)
- 알고리즘(3)
- 파이썬(2)
- class(2)
- 프로그래머스(2)
- 웹스크래핑(2)
- 크롤링(2)
- DOM(2)
- JSX(2)
- padStart()(1)
- 오버로딩(1)
- 노마드코더(1)
- 데이터클렌징(1)
- TIL(1)
- nav(1)
- uuid(1)
- 선택정렬(1)
- 추상화(1)
- contains()(1)
- snippet(1)
- npm(1)
- lodash(1)
- push(1)
- querySelector(1)
- 시뮬레이션(1)
- JSON.stringify(1)
- 스크럼(1)
- 애자일(1)
- 스프린트(1)
- 소수개수(1)
- 컴포넌트(1)
- nodemon(1)
- 2차원배열(1)
- PORT(1)
- React(1)
- DP(1)
- 시뮬레이션유형(1)
- 라우팅(1)
- throttle(1)
- debounce(1)
- 파이어스토어(1)
- useEffect(1)
- 스파르타코딩(1)
- 데이터관리(1)
- 비동기(1)
- 2주차(1)
- 깊리깊리스터디(1)
- 파이참(1)
- 자바스크립트(1)
- classList(1)
- 계수정렬(1)
- 상하좌우(1)
- Cleanup(1)
- httpmethod(1)
- events(1)
- Math함수(1)
- todo(1)
- 클린코드(1)
- 완전탐색(1)
- useReducer(1)
- setInterval(1)
- setTimeout(1)
- @Target(1)
- 원시 자료형(1)
- 카카오문제(1)
- CSS(1)
- 해결(1)
- 워드클라우드(1)
- 퀵정렬(1)
- useCallback(1)
- 정규식(1)
- 협업(1)
- innerText(1)
- 바닐라자바스크립트(1)
- 다이나믹프로그래밍(1)
- 에러(1)
- 정렬(1)
- InnerHTML(1)
- 구조분해(1)
- appendChild(1)
- 삽입정렬(1)
- 전개연산자(1)
- extends(1)
- super(1)
- addEventListener(1)
- 스니펫(1)
- random(1)
- 백준(1)
- toggle(1)
- express(1)
- 구현(1)
- 내장함수(1)
- Map(1)
- 에라토스테네스의체(1)
- 엑셀(1)
- 개발방법론(1)
- postman(1)
- 토이프로젝트(1)
- CreateElement(1)
- 깃허브(1)
- 심리테스트(1)
- 참조타입(1)
- Date(1)
- 오버라이딩(1)
[React] 유데미 React 강의 복습노트 #3
Effects, Reducers & Context side Effect는 무엇인지 리듀서가 있는 컴포넌트에서 복잡한 state를 관리하는 방법 여러개의 컴포넌트에 영향을 주는 state에 대해 알아본다. context라는 개념으로 what is "Effect" UI
[JS] DOM, JS비동기
브라우저가 HTML 웹 페이지를 인식하는 방식을 계층화 시켜서 트리구조 로 만든 객체 모델이다.브라우저의 렌더링 엔징은 HTML 페이지를 로드한 후, 파싱하여 브라우저가 이해할 수 있는 구조로 구성하여 메모리에 적재하는데 이를 DOM이라고 한다.정적 페이지에 접근하여
[React] 유데미 React 강의 복습노트 #2
React는 자바스크리브 라이브러리이다. 1) 프레임워크 : 원하는 기능 구현에 집중하여 개발할 수 있도록 필요한 기능을 갖추고 있는 것, 일정한 형태를 가지고 다양한 형태의 결과물을 만드는 것
[JS] 바닐라 자바스크립트 - todo 만들기
appendChild() append()로는 문자열도 추가가 가능한데, appendChild()로는 객체만 추가할 수 있다. li.append("문자열") → (가능) li.appendChild("문자열") → (불가능 - typeError) >todo.js 일단
[node.js] API 서버 구축 기초
localhost = 127.0.0.1(ip주소) localhost는 테스트용port 번호는 서버 내의 다양한 기능들을 처리 할 수 있도록 분리해 놓은 개념, 프로세스를 구분하는 번호서버 개발 시 이를 테스트 할 수 있는 툴API란?요청을 받고 응답을 하는 서버라우팅요
[JS] 바닐라 자바스크립트 - random
이 부분 중요! 앞쪽에 quotes배열을 넣어주고 그 길이 만큼 곱해서 랜덤 수를 지정해주었다. 그리고 Math.floor함수를 넣어서 소숫점 자리를 내려 주었다. 그러면 quotes배열의 해당값이 변수 todaysQuote에 나오고 innerText로 화면에 보여지게
[JS] 바닐라 자바스크립트 - setInterval,setTimeout ,Date,PadStart 시계 만들기
<들어가기 앞서>노마드 코더 강의를 보며 정리한 글입니다. 특정 시간마다 함수를 반복해서 실행한다. ex) setInterval(sayHello,1000); 1초마다 sayHello 함수 실행시간이 흐르고 딱 한 번 보여짐.공식문서시계가 나오게 된다.여기서 get
[JS] 바닐라 자바스크립트 - localStorage
🎇공식문서Storage에 정보저장을 할 수 있음.localStorage.setItem("username","youngeun")저장한거 가져올 수 있음.localStorage.getItem("username")저장한 거 삭제localStorage.removeItem("
[JS] 바닐라 자바스크립트 - 화면에 이름 출력하기
form을 submit하면 브라우저는 기본적으로 페이지를 새로고침 하도록 되어있다. 이것은 우리가 원하는 것이 아님! 따라서 preventDefault() 함수를 추가함으로써 브라우저의 기본 동작을 막을 수 있다!! loginSubmit 함수부분에 아규먼트로 eve
[JS] 바닐라 자바스크립트 - toggle
위에 두 코드는 동일하나 addEventListener를 선호하는 이유는 removeEventListener을 통해서 event listener을 제거할수있기 때문이다. document에서 body,head,title 은 중요해서 언제든 ex) document.b
[JS] 바닐라 자바스크립트 학습 - Elements, events
3.2 Searching For Elements _html 값을 js로 불러오는 방법! getElementsByClassName() : array를 반환 getElementsByTagName() : array를 반환 getElementById : 하나의 값 queryS
[TIL] 애자일 SW방법론으로 학습하기
멋사 수업을 들은지 1주하고도 2일이 지났다. 애자일 깃 허브에 1일 1커밋 파일들 올렸는데 너무 정신 사나워서 폴더 정리 다시했다.이제야 좀 깔끔한 느낌이라 편-안하다. 앞으로도 폴더별로 정리해서 올려야겠다. 깃헙을 정리하면서 벨로그에도 지금 진행하고 있는 학습방법론
[css] 달력 만들기
border-collapse 표 테두리(border)를 분리(separated)할지 합칠지(collapsed)를 결정합니다. 이거 안쓰면 HTML 기본이 분리(spearated)라서 표에 간격이 생긴다.이런식으로 말이다. ↓td에 높이와 넓이 120px씩 주었다.th태
[공부] 정렬 알고리즘
처리되지 않은 데이터 중에 가장 작은 데이터를 선택해 맨 앞에 있는 데이터와 바꾸기를 반복정렬 알고리즘은 n-1개,n-2개,..,1개씩 비교를 반복한다.탐색 범위는 줄어든다.(정렬 된 건 제외하므로)배열이 어떻게 되어있던지간에 전체 비교를 진행하므로 시간복잡도는 O(
[공부] 자료구조 - 스택과 큐
스택 구조 : Last In First Out (LIFO), 선입후출 = 후입선출박스가 쌓여있는 모습을 생각하면 쉬움, 또는 프링글스 통에 담긴 감자칩deque.append(item): item을 데크의 오른쪽 끝에 삽입한다.deque.appendleft(item):
[공부] 파이썬 문자열 문법, 문자열 재정렬 문제
이 함수는 파라미터로 구분자를 주면 해당 구분자를 기준으로 문자열을 잘라 리스트 형식으로 반환합니다. 만약 파라미터에 아무것도 주지 않으면 공백을 기준으로 문자를 나눕니다. join함수는 리스트의 문자열들을 합치는 역할을 합니다. 위 방법은 단순히 문자열을 붙히기만 합