profile
차근차근 채워가는 it일지
post-thumbnail

[JS] DOM, JS비동기

브라우저가 HTML 웹 페이지를 인식하는 방식을 계층화 시켜서 트리구조 로 만든 객체 모델이다.브라우저의 렌더링 엔징은 HTML 페이지를 로드한 후, 파싱하여 브라우저가 이해할 수 있는 구조로 구성하여 메모리에 적재하는데 이를 DOM이라고 한다.정적 페이지에 접근하여

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

[React] 유데미 React 강의 복습노트 #2

React는 자바스크리브 라이브러리이다. 1) 프레임워크 : 원하는 기능 구현에 집중하여 개발할 수 있도록 필요한 기능을 갖추고 있는 것, 일정한 형태를 가지고 다양한 형태의 결과물을 만드는 것

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

[JS] 내장함수 toggle의 편리함.

같은 팀원 분이 알려주신 내장함수 toggle! 이렇게 간편하게 한줄로 class를 붙일 수 있다니~~

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

[JS] 바닐라 자바스크립트 - todo 만들기

appendChild() append()로는 문자열도 추가가 가능한데, appendChild()로는 객체만 추가할 수 있다. li.append("문자열") → (가능) li.appendChild("문자열") → (불가능 - typeError) >todo.js 일단

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

[React] 컴포넌트 생명주기

컴포넌트 생명주기

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

[node.js] 간단한 채팅 앱 만들기

들어가며 code Scalper 채널을 보며 공부하면서 정리한 내용입니다.

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

[node.js] API 서버 구축 기초

localhost = 127.0.0.1(ip주소) localhost는 테스트용port 번호는 서버 내의 다양한 기능들을 처리 할 수 있도록 분리해 놓은 개념, 프로세스를 구분하는 번호서버 개발 시 이를 테스트 할 수 있는 툴API란?요청을 받고 응답을 하는 서버라우팅요

2021년 12월 27일
·
0개의 댓글
post-thumbnail

[JS] 바닐라 자바스크립트 - random

이 부분 중요! 앞쪽에 quotes배열을 넣어주고 그 길이 만큼 곱해서 랜덤 수를 지정해주었다. 그리고 Math.floor함수를 넣어서 소숫점 자리를 내려 주었다. 그러면 quotes배열의 해당값이 변수 todaysQuote에 나오고 innerText로 화면에 보여지게

2021년 12월 21일
·
0개의 댓글
post-thumbnail

[JS] 바닐라 자바스크립트 - setInterval,setTimeout ,Date,PadStart 시계 만들기

<들어가기 앞서>노마드 코더 강의를 보며 정리한 글입니다. 특정 시간마다 함수를 반복해서 실행한다. ex) setInterval(sayHello,1000); 1초마다 sayHello 함수 실행시간이 흐르고 딱 한 번 보여짐.공식문서시계가 나오게 된다.여기서 get

2021년 12월 20일
·
0개의 댓글
post-thumbnail

[JS] 바닐라 자바스크립트 - localStorage

🎇공식문서Storage에 정보저장을 할 수 있음.localStorage.setItem("username","youngeun")저장한거 가져올 수 있음.localStorage.getItem("username")저장한 거 삭제localStorage.removeItem("

2021년 12월 19일
·
0개의 댓글
post-thumbnail

[JS] 바닐라 자바스크립트 - 화면에 이름 출력하기

form을 submit하면 브라우저는 기본적으로 페이지를 새로고침 하도록 되어있다. 이것은 우리가 원하는 것이 아님! 따라서 preventDefault() 함수를 추가함으로써 브라우저의 기본 동작을 막을 수 있다!! loginSubmit 함수부분에 아규먼트로 eve

2021년 12월 18일
·
0개의 댓글
post-thumbnail

[JS] 바닐라 자바스크립트 - toggle

위에 두 코드는 동일하나 addEventListener를 선호하는 이유는 removeEventListener을 통해서 event listener을 제거할수있기 때문이다. document에서 body,head,title 은 중요해서 언제든 ex) document.b

2021년 12월 16일
·
0개의 댓글
post-thumbnail

[JS] 바닐라 자바스크립트 학습 - Elements, events

3.2 Searching For Elements _html 값을 js로 불러오는 방법! getElementsByClassName() : array를 반환 getElementsByTagName() : array를 반환 getElementById : 하나의 값 queryS

2021년 12월 15일
·
0개의 댓글
post-thumbnail

[TIL] 애자일 SW방법론으로 학습하기

멋사 수업을 들은지 1주하고도 2일이 지났다. 애자일 깃 허브에 1일 1커밋 파일들 올렸는데 너무 정신 사나워서 폴더 정리 다시했다.이제야 좀 깔끔한 느낌이라 편-안하다. 앞으로도 폴더별로 정리해서 올려야겠다. 깃헙을 정리하면서 벨로그에도 지금 진행하고 있는 학습방법론

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

[css] 달력 만들기

border-collapse 표 테두리(border)를 분리(separated)할지 합칠지(collapsed)를 결정합니다. 이거 안쓰면 HTML 기본이 분리(spearated)라서 표에 간격이 생긴다.이런식으로 말이다. ↓td에 높이와 넓이 120px씩 주었다.th태

2021년 10월 23일
·
1개의 댓글
post-thumbnail

[공부] 정렬 알고리즘

처리되지 않은 데이터 중에 가장 작은 데이터를 선택해 맨 앞에 있는 데이터와 바꾸기를 반복정렬 알고리즘은 n-1개,n-2개,..,1개씩 비교를 반복한다.탐색 범위는 줄어든다.(정렬 된 건 제외하므로)배열이 어떻게 되어있던지간에 전체 비교를 진행하므로 시간복잡도는 O(

2021년 9월 29일
·
0개의 댓글
post-thumbnail

[공부] 자료구조 - 스택과 큐

스택 구조 : Last In First Out (LIFO), 선입후출 = 후입선출박스가 쌓여있는 모습을 생각하면 쉬움, 또는 프링글스 통에 담긴 감자칩deque.append(item): item을 데크의 오른쪽 끝에 삽입한다.deque.appendleft(item):

2021년 9월 24일
·
0개의 댓글
post-thumbnail

[공부] 파이썬 문자열 문법, 문자열 재정렬 문제

이 함수는 파라미터로 구분자를 주면 해당 구분자를 기준으로 문자열을 잘라 리스트 형식으로 반환합니다. 만약 파라미터에 아무것도 주지 않으면 공백을 기준으로 문자를 나눕니다. join함수는 리스트의 문자열들을 합치는 역할을 합니다. 위 방법은 단순히 문자열을 붙히기만 합

2021년 9월 23일
·
0개의 댓글
post-thumbnail

[공부] 완전 탐색, 시뮬레이션 - 시각 문제, 나이트 문제

완전 탐색(Brute Forcing) 가능한 경우의 수를 모두 검사해보는 탐색 방법 시각 세기 문제 정수 N이 입력되면 N시간 안에 3이 하나라도 포함되는 모든 경우의 수를 구하는 프로그램 작성. >입력 : 첫째 줄에 정수 N 입력 (0 > 가능한 모든 시각의 경

2021년 9월 23일
·
0개의 댓글