profile
개발자를 꿈꾸는 코린이!

[앨리스 IoT 1기 부트캠프] 4주차 자바스크립트 실행

변수 정의 과정 자바스크립트 엔진 자바스크립트 엔진은 자바스크립트 코드를 읽어 실행하는 프로그램이다. 작성한 자바스크립트 코드는 자바스크립트 엔진을 통해 파싱되고 실행된다. Chrome 브라우저의 경우 V8 엔진을 사용한다. 코드 실행 단계 자바스크립트 엔진은 코드

2022년 12월 21일
·
0개의 댓글
·

setTimeout() 과 setInterval()

코드를 바로 실행하지 않고 일정 시간 기다린 후 실행할 때 쓰는 함수문법setTimeout(function, delay time(ms))clearTimeout()으로 함수를 호출하면 기다렸다가 실행될 코드를 취소할 수 있다.어떤 코드를 일정한 시간 간격을 두고 반복해서

2022년 12월 19일
·
0개의 댓글
·

함수 선언문과 함수 표현식, 화살표 함수

함수 선언문는 함수를 선언한 것보다 먼저 함수를 호출해도 오류 없이 실행된다. 자바스크립트가 런타임 환경 전에 함수를 정의하기 때문입니다. 그러나 함수 표현식은 반드시 먼저 선언하고 함수를 호출할 수 있습니다.

2022년 12월 19일
·
0개의 댓글
·

[앨리스 IoT 1기 부트캠프] 3주차 실행 컨텍스트

수강목표 > 자바스크립트의 필수적인 문법을 이해할 수 있다. >> 기초적인 자바스크립트 문법에 더해, 깊은 이해를 요구하는 자바스크립트의 문법을 이해한다. HTML, CSS, JS로 프로젝트를 구현할 수 있다. >> 간단한 프론트엔드 프로젝트를 구성하고 구현한다. 자바

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

[JS 이론] 구조 분해 할당 (destructuring assignment)

구조 분해 할당 구문 (destructuring assignment)은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담아 원할 때 원하는 변수에 출력할 수 있는 자바스크립트 표현식이다. 배열 구조 분해 기본 변수 할당 선언에서 분리한 할당 변수의 선언이

2022년 12월 16일
·
0개의 댓글
·

[JS 이론] 객체 생성하기 - new object(), object literal

자바스크립트의 객체를 생성하는 방법은 여러가지 가 있다. 여기 대표적인 방법 2가지에 대해 알아보자. new object() 이 방식은 자바스크립트에서 constructor(생성자)를 통해 객체를 생성하는 방법이다. new objecet() 에서 괄호 안에 객체를

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

[JS 이론] 모듈 활용하기

모듈(module)은 자바스크립트 코드를 여러 개의 파일로 나누어 관리하기 위한 방식이다.여러개의 파일로 모듈화하면 유지보수, 생산적인 측면에서의 효율을 가져갈 수 있다.모듈에 접근하고 또 불러올 수 있는 모듈 키워드에 대해서 알아보자.

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

[JS 이론] var, let, const

var 키워드는 function scope(함수 영역) 또는 global scope(전체 영역)에서 사용할 수 있다. 즉, 선언한다면 프로그램이 종료되기 전까지 어디에서나 값을 활용할 수 있다.var 키워드로 선언한 변수는 선언과 동시에 값을 부여하거나 선언 이후에 언

2022년 12월 16일
·
0개의 댓글
·

[앨리스 IoT 1기 부트캠프] 3주차 보충강의

함수의 반환, 호출과 출력 매개변수와 인자 문자열 길이 구하기 문자열의 길이를 구하기 위한 방법으로 문자열(String) 객체에 포함된 프로퍼티(Property)를 이용해야 한다. 문자열의 길이는 length 프로퍼티를 구하면 된다. str.length() 자바스크립

2022년 12월 16일
·
0개의 댓글
·

[JS 이론] IIFE (즉시실행함수)

IIFE (Immediately Invoked Function Expression)은 정의되자마자 즉시 실행되는 Javascript Function 을 말한다.전역 스코프에 불필요한 변수를 추가해서 오염시키는 것을 방지할 수 있을 뿐 아니라 IIFE 내부 안으로 다른

2022년 12월 15일
·
0개의 댓글
·

[JS 이론] 화살표 함수 (Arrow Function)

화살표 함수는 단순하고 간렬한 문법으로 함수를 만드는 방법이다. 구문 코드를 작성하면 인자 (arg1, arg2, ...argN) 를 받는 함수 func이 만들어진다. 우측의 화살표는 표현식(expression)을 평가하고, 결과를 반환한다. 아래는 예시이다.

2022년 12월 14일
·
0개의 댓글
·
post-thumbnail

[JS 이론] innerHTML, innerText, textContent의 차이점

innerHTML, innerText, textContent 속성은 node나 element의 텍스트값을 변경하거나 지정할 수 있다는 점에서 비슷하다.element 속성으로, 해당 element에 포함 된 HTML 또는 XML 마크업을 가져오거나 설정할 수 있다. 즉,

2022년 12월 12일
·
0개의 댓글
·

[JS 문제] 이미지 확대, 축소 문제

\*\* html 문서는 작성 되어 있다고 가정하고, 자바스크립트 문서만 구현img.style.transform = 'scale(n)': n배 만큼 이미지의 사이즈 변경마우스를 올렸을 때 발생하는 이벤트: mouseenter마우스를 내렸을 때 발생하는 이벤트: mous

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

[JS 이론] DOM Manipulation - classList

add( String \[, String \[, ...]] )지정한 클래스 값을 추가한다. (여러개 동시 삽입 가능)만약 추가하려는 클래스의 element의 class 속성이 이미 존재한다면 무시한다.remove( String \[, String \[, ...]] )지

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

[앨리스 IoT 1기 부트캠프] 3주차 DOM과 이벤트

DOM 이란? DOM(문서객체모델, Document Object Model) > 객체 지향 모델로써 구조화된 문서를 표현하는 형식 XML이나 HTML 문서의 프로그래밍 인터페이스 문서의 구조화된 표현 (structured Representation)을 제공하여 프로그래

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

[JS 이론] 배열을 문자열로, 문자열을 배열로 변환

배열을 문자열로 변환하는 3가지 방법 > join()으로 문자열 변환 forEach() 반복문으로 문자열 변환 toString()으로 문자열 변환 1. join()으로 문자열 변환 > array.join(seperator)은 배열의 요소들을 하나의 문자열로 연결하여

2022년 12월 10일
·
0개의 댓글
·

[JS 문제] 문자열의 마지막 문자 출력하기

지시사항solution 함수 str 매개변수로 문자열을 받는다.주어지는 문자열은 알파벳, 한글, 특수문자, 공백 등을 모두 포함한다.주어진 문자열 마지막 번째에 해당하는 문자를 출력하세요.문자열의 총 길이는 다음 조건을 만족한다.

2022년 12월 10일
·
0개의 댓글
·