data life

표현식과 문 프로그래밍에서 앞으로 자주 사용할 용어의 의미를 주의 깊게 살펴보도록 한다. 값이란? : 식이 평가되어 생성된 결과로 '평가'는 식을 해석하여 값을 생성하거나 참조하는 것을 의미한다. var sum = 10 + 20; // 30 >> sum 변수에 10 + 20이 아닌 결과값 30이 할당된 것이라고 본다. 값은 다양한 방법으로 생성가능하다. 리터럴(literal) : 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말한다. 자바스크립트 엔진은 코드가 실행되는 시점(런타임)에 리터럴을 평가해 값을 생성한다. 리터럴의 종류는 다음과 같다. 리터럴 예 정수 1 부동 소수점 1.2 2진수 0b로 시작 8진수 0o로 시작 16진수 0x로 시작 문자열 'Hello', "W..

절대 길이 단위 px : pixels, 픽셀(1px=1/96th of 1in) 상대 길이 단위 : 상위 요소의 글꼴 크기나 viewport의 크기와 연관 1. 글꼴 사이즈 기준 em : font-size 1em = 부모의 폰트 크기 rem (root em) : 최상위(root) 요소의 font-size 1rem = html의 폰트 크기 2. 뷰포트 기준 vh & vw = 뷰포트 높이/너비의 1% 예) 500px 너비의 뷰포트일때, 1vw = 5px 10vw = 50px vmin & vmax : 뷰포트의 최소/최대값 1% 반응형에 최적화! 예) 1200px*600px 뷰포트 => 1vw = 12px, 1vh = 6px 이므로 1vmin = 1vh = 6px, 1vmax = 1vw = 12px

1️⃣ Linking Style Sheet 2️⃣ Internal Style Sheet 3️⃣ Inline Style Sheet Linking Style Sheet 별도의 CSS 파일을 만들고 HTML 문서와 연결 Internal Style Sheet : HTML과 한꺼번에 작성 Inline Style Sheet : HTML 태그의 style 속성에 CSS 코드를 넣어 적용시키는 방법 hello world!

변수 프로그래밍 언어에서 데이터를 관리하기 위한 기본 핵심 개념 왜 필요한가? 컴퓨터 = 연산(cpu) + 기억(memory) ✅ 메모리(memory) : 데이터를 저장할 수 있는 메모리 셀의 집합체 : 2진수 형태로 저장됨 ✅ cell : 단위 ) 1바이트(8bit) : 각 cell은 고유의 메모리 주소를 가짐 메모리 주소 : 메모리 공간의 위치 예제 > 10 + 20 각 10과 20은 메모리 상 임의의 위치에 기억되고 cpu는 이 값을 읽어 들여 연산을 수행 결과값 30 또한 메모리 상 임의의 위치에 저장된다. 그러나 이 결과값(30)은 재사용이 불가하다 재사용을 원한다면 직접 메모리 주소를 통해 저장된 메모리 공간에 직접 접근하는 것 외에 방법밖에 없다 이를 위해 변수의 정의를 내려보면 다음과 같다..

자신만의 소스코드 관리하기❗❕ Team-Notes : 자신이 자주 이용하는 알고리즘 코드를 라이브러리화 하는 습관 들이기 출제 경향 출제 빈도 높은 알고리즘 유형 그리디 구현 DFS / BFS 를 활용한 탐색 그 외 ) 다이나믹 프로그래밍 정렬 이진 탐색 최단 경로 그래프 이론 알고리즘 성능 평가 복잡도 알고리즘의 성능을 나타내는 척도 복잡도가 낮을수록 좋은 알고리즘 👍 시간 : 알고리즘의 수행 시간 분석 공간 : 알고리즘의 메모리 사용량 분석 - 빅오 표기법(Big-O Notation) 가장 빠르게 증가하는 항만을 고려하는 표기법 차수가 가장 큰 항만 남김 (계수는 제외) 시간 복잡도 계산하기 arr = [1,2,3,4,5] # N = 5 summary = 0 # 합계를 저장할 변수 for x in a..

Array(배열) : 리스트 형태의 고수준 객체인 배열을 생성할 때 사용하는 전역 객체 연산 .length 배열 항목에 접근 인덱스 [] 배열의 항목들 순환 .forEach 배열 끝에 항목 추가 끝에 : .push() 앞에 : .unshift() 배열 항목 제거 끝에서 부터 : .pop() 앞에서 부터 : .shift() 인덱스 위치 : .splice(인덱스, n개) / / 해당 위치로부터 몇개의 항목들을 제거 가능 배열 항목의 인덱스 번호 찾기 .indexOf() 주어진 함수에 적합한 모든 요소를 모아 새로운 배열로 반환 .filter() function myFunc(value) { return value >= 10; } var filtered = [12, 5, 8, 130, 44].filter(myF..

forEach() :배열을 순회하면서 인자로 전달한 함수를 호출하는 반복문 arr.forEach(func(value, index, array)) value : 현재 순회 중인 요소 index : 현재 순회 중인 요소의 index array : 배열 객체 1. 함수(function) 인자 function myFunc(item) { console.log(item); } const array = ['a', 'b', 'c', 'd']; array.forEach(myFunc); > a > b > c > d 2. 람다(lambda) 인자 array.forEach((item) => { console.log(item); }); > a > b > c > d 3. value, index를 인자 array.forEach((..

JSON 내장 객체 : JavaScript 객체와 JSON 문자열 간의 상호 변환을 수행해주는 두 개의 메서드를 제공 JSON.stringify() : JavaScript 값이나 객체 ➡️ JSON 문자열 JSON.stringify(value(필수), replacer, space); const stringify = JSON.stringify({name:"홍길동", age:20, city:"Korea"}; console.log(stringify); //{"name":"홍길동","age":30,"city":"Korea"} JSON.parse() : JSON 문자열 ➡️ JavaScript 객체 : JavaScript 객체로 변환된 데이터는 .나 [] 기호를 사용하여 각 속성에 접근할 수 있습니다. const..

.createElement() : 선택한 요소 안에 요소 생성 .createTextNode() : 선택한 요소에 텍스트 추가 .appenChild() : 선택한 요소 안에 자식 요소를 추가 HTML 삽입 미리보기할 수 없는 소스

setInterval() setInterval(function, milliseconds); : 일정 시간 간격으로 작업 수행하기 위한 함수 -> 다음 작업 중지 : clearInterval() const clock = document.querySelector(".js-clock"); function realTime() { const today = new Date(); const hours = today.getHours(); const minutes = today.getMinutes(); const seconds = today.getSeconds(); clock.innerText = `${hours}:${minutes}:${seconds}`; }; realTime(); //00:00:00 보이지 않고 바로..