본문 바로가기

전체 글97

JavaScript 마스터 - Ch05 클래스 5장에서는 클래스 개념에 대해 배웠다. 정리를 시작해보자 Ch05 - 클래스 prototype 배열 리터럴: 기호를 통해 생성 const fruits = ["apple", "banana", "cherry"] 기호를 사용한 리터럴 방식: [](배열데이터), {}(객체데이터), ''(문자데이터) new 키워드로 실행하는 함수: 생성자 함수 - 인스턴스 length, includes - prototype 메소드(속성) const fruits = new Array("apple", "banana", "cherry") console.log(fruits) console.log(fruits.length) console.log(fruits.includes("banana")) // true console.log(fruit.. 2023. 7. 21.
JavaScript 마스터 - Ch04 함수 Ch04에서는 JS 함수에 대해 배웠다. JS를 4년전에 잠깐 배우고 손을 놨어서 좀 꼼꼼히 공부하는 중인데 함수 파트도 열심히 복습할 예정이다. Ch04 - 함수 함수를 선언하는 방법 함수를 선언하는 방법으로는 함수 선언문과 함수 표현식이 있다. // 함수 선언문 function hello() { } // 함수 표현식 const hello = function () { } 함수 선언문의 경우 선언이 호출보다 아래 적혀있어도 에러 없이 잘 동작함 이를 '호이스팅'이라 함(함수 표현식에서는 불가능!) hello2() function hello2() { console.log("hi!") } 반환 및 종료 return 키워드는 데이터 반환 뿐 아니라 함수 동작 멈충 기능 제공(return 다음에 코드써도 동작 .. 2023. 7. 21.
JavaScript 마스터 - Ch03 연산자와 구문 2주차 온라인 강의에서는 JS 연산자와 구문, 함수, 표준 내장 객체에 대해 배웠다. Ch03 - 연산자와 구문 할당, 증감연산자 // 할당(Assignment) // const: 재할당 x, let: 재할당 o // const a4 = 3 // a4 = a + 2 let a4 = 3 a4 += 2 console.log(a4) // 증감연산자(Increment * Decrement) let a5 = 3 let a6 = 6 let a7 = 9 console.log(a5++) // 3 console.log(a5) // 4 console.log(++a6) // 7 console.log(a6) // 7 console.log(--a7) // 8 a7 -= 1 console.log(a7) // 7 비교 연산자 co.. 2023. 7. 20.
JavaScript 마스터 - Ch02 JS 데이터 JS 기초에 대해 배웠다. 헷갈리는 개념 위주로 정리를 하려한다. defer HTML의 바디 부분에 존재하는 태그를 자바스크립트를 통해 사용하려면 main.js가 html 구조를 다 해석한 뒤에 동작하도록 만들어야하는데 이때 사용하는 속성 String, Number const string1 = "Hello" const string2 = 'Hello' // 백틱(`): 보관용도(데이터 넣기)로 사용 // 템플릿 리터럴: 기호를 통해 데이터를 만드는 방식(백틱을 통해 문자데이터를 만드는 것) const string3 = `Hello ${string1} ?!` // 부동소수점 오류 const a = 0.1 const b = 0.2 console.log(a+b) // 0.300...4 // toFixed(a):.. 2023. 7. 20.
마크다운 사용법 마크다운(markdown) 사용법에 대해 배웠다. 제목(header) #, ##, ###, ####, #####, ######를 사용해서 나타낼 수 있고 # 개수가 많아질수록 글씨 크기가 작아진다. 줄바꿈(Line Breaks) 태그를 사용 강조(Emphasis) 기울이기: _글씨_ 두껍게: **글씨** 취소선: ~~글씨~~ 밑줄: 글씨 목록(List) 1. 순서가 필요한 목록1 1. 순서가 필요한 목록2 1. 순서가 필요한 목록3 1. 순서가 필요한 목록3-1 1.순서가 필요한 목록3-2 1. 순서가 필요한 목록4 이렇게 다 1로 작성해도, 1. 순서가 필요한 목록1 2. 순서가 필요한 목록2 3. 순서가 필요한 목록3 3-1. 순서가 필요한 목록3-1 3-2. 순서가 필요한 목록3-2 4. 순서가 필.. 2023. 7. 20.
7월 3째주 - CSS Flex & CSS Grid 강의 23/07/17 실시간 강의 오늘은 웹 기초(HTML, CSS, JS)에 대해 간단히 배웠다. 배운 내용을 까먹지않게 정리해보자. HTML이란? - 웹을 이루는 가장 기초적인 구성 요소 - 웹 페이지를 만들기 위해 필요한 표준 마크업 언어 HTML 구성요소 요소(Element): 내용 - 태그 웹 문서를 구성하는 명령어 꺽새 안에 들어있는 정보 정의 종료 태그가 없는 , 과 같은 태그도 존재 -요소 시작태그, 종료태그, 그 사이의 내용으로 구성 블록 요소: h1~h6, div, list, p...시맨틱 태그 다른 블록 요소 포함 가능 인라인 요소 포함 가능 블록 요소 이후 블록 요소 사용하면 아래줄에 나타남 margin, padding값 가질 수 있음 인라인 요소: a, span, strong... 블록.. 2023. 7. 18.

티스토리툴바