프론트엔드/JavaScript

이 포스팅의 모든 내용은 https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info 의 내용을 참고하였습니다 :) 🖤 Hello, world! 웹 페이지에 스크립트를 삽입하는 방법 와 같은 형태로 삽입 url 전체를 경로에 넣기도 가능 복수의 스크립트 삽입도 가능 src 속성이 있으면, 태그 내부의 코드는 무시된다. 🖤 코드 구조 한 줄 주석 : cmd + / 여러 줄 주석 : cmd + opt + / → 중첩 주석은 지원하지 않는다 🖤 엄격 모드 use strict 라는 특별한 지시자로 변경사항이 활성화되게 한 것(ES5 등장 이슈로 인함) 스크립트 최상단에 "use strict" or 'use strict' 가 오면 스크립트 전체가 모던한 방..

객체 만드는 법(기초) const object = { 키: 값, 키: 값, 키: 값 } 아래와 같이 응용해 볼 수 있음 const array = [100, 20, 30, '응애'] const object = { name: '구름', age: 7 } name을 불러오는 방법 object[’name’] object.name → 두번째 방법을 더 많이 쓴다 console.log(object.name) console.log(object.age) →→ 순서대로 ‘구름’ , 7이 출력된다 키에는 식별자가 들어감 식별자 명명 규칙 숫자로 시작하지 않는다 기호는 $와 _만 포함된다 ☑️ 배열과 객체 모두 [ ]로 접근한다 배열 값도 교체 가능하듯, 객체 값도 교체가 가능하다 const object = { name: '..

윤인성 저자님 혼공JS 강의 듣고 1차 정리 후, 교재 참고하여 2차 정리한 글입니다 자바스크립트에서 함수는 아래와 같은 형태로 만든다 ☑️ const f = function () {} 함수() → 함수를 호출하다 === 함수의 본문을 실행하다 점프 : 호출 위치에서 함수 본문으로 이동하는 것 리턴 : 함수 본문에서 호출 위치로 나오는 것 ☑️ 프로시저 형태의 함수 ☑️ 수학적 함수 f(x) = x + 5 f(1) = 1 + 5 = 6 f(2) = 2 + 5 = 7 함수의 괄호 안에 오는 것: 매개변수 함수의 최종적으로 리턴되는 값 : 리턴값 ex ) f(1) 의 리턴값은 6이다, f(2) 의 리턴값은 7이다 함수의 장점 → 코드의 재사용 가능! 효율적 함수 선언 방법 in javascript (2가지)..

04-1 배열 ☑️문자열 복습 >const str = 'hello' undefined >str[2] 'l' >str[str.length - 1] 'o' 배열 : 여러 개의 값을 모아놓은 것 배열 내부의 값을 요소(element)라고 부름! 기본 연산 a.length : 요소 개수 추출 a[인덱스] : 요소 추출 배열의 메서드 배열 뒤에 요소 추가하기 : push(요소) >const a = [52, 273, 'hello', 'wow'] undefined >a.push(200) 5 >a (5) [52, 273, 'hello', 'wow', 200] 배열 중간에 요소 추가하기 : splice(인덱스, 0, 요소) >a.splice(1, 0, '추가하기') [] >a (6) [52, '추가하기', 273, 'h..

03-1. if 조건문 제어문(control statement) : 코드의 실행 흐름과 직접적인 관련이 있는 문장 if 조건문 형태 ⇒ if(불 표현식){ 문장 문장 } → 불 표현식이 true이면 괄호 안 문장 실행, false이면 실행 X ⇒ 종료만 출력됨 날짜와 시간 구하기 const date = new Date() date.getFullYear() //올해 date.getMonth() //월 (0~11) -> 1월이 0으로 나타난다 date.getDate() //일 (1~31) date.getHours() //시간 (0~23) 오전 오후 구분하는 코드 짜보기! ctrl + F : 전체 수정 기능 제공! if else 조건문 if(불_표현식){ //불 표현식이 true 일 때 실행하는 문장 } el..

02-1 기본 자료형 자바스크립트에서는 큰 따옴표와 작은 따옴표의 의미가 같다 but, 하나로 통일해 사용하는 걸 추천 자바스크립트의 자료형 : 숫자, 문자열, 불 자료형 문자열 자료형 - 문자들의 집합 - 자바스크립트는 문자 하나 자료형이 따로 없음 - 문자열 안에 따옴표를 사용하고 싶으면 이렇게!! console.log('this is "String"') > this is "String" console.log("this is 'String'") > this is 'String' 이스케이프 문자(\) console.log("응애\n응애") > 응애 응애 \n : 줄바꿈 \t : 탭(tab) \\ : 역슬래시 ( \ 이걸 나타내고 싶을 때, 2개 사용해야 함) \' or \" : 따옴표를 문자 그대로 사..

내용이 별로 없어서..! 미션 인증 위주로 포스팅 선택미션 1. 네이버 2. 노션 3. 유튜브 4. 구글 5. 트위터