본문 바로가기

HTML28

국비 지원 개발자 과정_Day43 // 필터 // react.js -> redux사상(사용자 정의 구현 수준 필요), vue.js // + typescript(바닐라스크립트 기반 위에 얹혀진 언어 -> 객체지향: 캡슐화, 상속, 추상화, 다형성) // arr.filter(callback(element[, index[, array]])[, thisArg]) // 자바스크립트에서도 사용자정의 객체를 만들 수 있다 -> function // 사용자 정의 함수를 정의할 때는 prototype을 사용한다 // prototype을 이용하면 자바스크립트처럼 사용자 정의 객체를 선언한 뒤 사용자 정의 함수를 정의할 수 있다 // prototype을 사용하여 함수를 정의한다는 건 사용자 정의 API를 만드는 것이다 // 우리가 정의한 객체 Counter.. 2023. 1. 27.
국비 지원 개발자 과정_Day42 탬플릿 리터럴(Template Literal) ES6부터 새로 도입된 문자열 표기법 문자열 생성 시 따옴표 대신, 백틱(`)을 사용 줄 바꿈, 표현식 삽입 가능 // 백틱(`)으로 줄바꿈 표현 const str_01 = ` Hi! It's me! JavaScript! So Cool!`; // ${} 사이에 변수, 연산 등 삽입 가능 const name = `사과` const price = 100 const num = 5; console.log(`${name}의 구매가는 ${price * num}원 입니다.`) // 사과의 구매가는 500원 입니다. console.log(`${5+10} 입니다`) // 15 입니다 호이스팅 코드가 실행하기 전 변수/함수선언이 해당 스코프의 최상단으로 끌어올려진 것 같은 현.. 2023. 1. 26.
국비 지원 개발자 과정_Day41 Javascript 타입 원시형 boolean null, undefined → false취급 number bigint String Symbol 객체 타입 함수→객체취급 const 상수, 재할당 불가능 let 변수, 재할당 가능 var 호이스팅 이슈로 인해 사용 불가! 동적타입 느슨한 타입의 동적 언어 JavaScript의 변수는 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당(및 재할당) 가능 타입은 초기화할때 결정됨(컴파일, 타입체크를 하지 않음) let foo = 42 // foo가 숫자 foo = 'bar' // foo가 이제 문자열 foo = true // foo가 이제 불리언 typeof 타입을 판별하는 연산자 // 원시형 데이터 // 변수선언시 var는 사용하지 않는다 - 호이스팅.. 2023. 1. 25.
국비 지원 개발자 과정_Day40 html View계층 일괄적인 디자인(CSS) 이벤트처리 할 수 없다 단방향서비스(if, for문이 없음) → 정적페이지 동적페이지 jsp, 서블릿, spring-실력차 줄여줌-F/W-추상메소드, 인터페이스 Javascript 변수-let 상수-const(배열, 함수, 객체 등 담음-컴파일안함’타입체크-TypeScript) 제어문, 객체, 배열, 함수, arrow fuction, 구조분해할당, 일급함수, 일급객체 등등 정적페이지에 다이나믹한 영향을 줄 수 있다 자바스크립트는 브라우저가 있어야만 실행됨 → nodejs 발표 후, 브라우저가 없어도 실행 가능해짐 → 백엔드 영역까지 확장 npm을 통해 nodejs에 설치가능(npm i express) node -v / npm -v → 버전체크 라이브러리를 설.. 2023. 1. 20.
국비 지원 개발자 과정_Day39 // var는 이제 사용하지 않는다 const x = 10; //변수 선언 -> 예약어 const(상수), let(변수) - 초기화, ECMAScript5,6,7(대중적),8 // clg쓰면 콘솔로그 자동완성됨 console.log(`${x}`); //출력요청 - 변수호출 - 백틱기호(`) 표현식($) 중괄호 // 브라우저(인터프리터의 역할)에서 실행해야함 // 라이언달 - NodeJS 발표 - node설치 - npm같이 설치됨 // nodejs에 추가적인 라이브러리 사용 // 브라우저 없이도 테스트할 수 있다 // NodeJs를 설치하고 터미널에 cd로 경로설정 후 node 파일명 쓰면 됨!(확장자 제외) console.log("555"); 네이버 3 3 div, span { width: 100px; .. 2023. 1. 19.

티스토리툴바