티스토리

해보자고

검색하기

블로그 홈

해보자고

hyunhe2e.tistory.com/m

초코맛동산 님의 블로그입니다.

구독자: 4

방명록 방문하기

주요 글 목록

[인프런] 객체 1. 객체란?다양한 속성의 데이터를 하나의 변수에 저장할 수 있는 데이터 자료형으로 자료형 중 비원시 타입에 속한다. 객체를 생성하는 방법은 2가지이다. 1. 객체 생성자 방식new 키워드 사용.let person = new Object();console.log(person); 2. 객체 리터럴 방식{} 키워드 사용.let person = {};console.log(person); 2. 객체 프로퍼티 생성후 console.log로 객체를 확인해보면 아래와 같이 {} 만 출력된다. 이는 객체 내부에 들어가는 아직 데이터를 추가하지 않아 발생하는데, 객체 내부에 들어가지는 이 데이터를 객체 프로퍼티라고 한다. 객체 프로퍼티는 key : value 의 쌍 형식의 구성이 기본인데, 중요한 특징은 아래와 같.. 공감수 0 댓글수 0 2024. 12. 6.
[인프런] 함수 표현식 1. 함수 선언식형식: function 함수명() { 함수 내용 }- 호이스팅 Ofunction print_animal() { // 함수 선언식 console.log("Dog!");}print_animal(); // 함수 호출 2. 함수 표현식형식: 변수 타입 변수명 = function () { 함수 내용 }- 호이스팅 X let print_animal = function() { // 함수 표현식 console.log("Dog"!);}print_animal(); // 함수 호출 3. 화살표형 함수 형식: 변수 타입 변수명 = () => { 함수내용 } - 함수 표현식에서 fucntion 키워드를 사용하지 않고, 대신 => 키워드를 통해 변수에 함수를 값 처럼 저장- 호이스팅 X- 간결한 함수 표현 방식l.. 공감수 0 댓글수 0 2024. 8. 31.
[인프런] 호이스팅 1. 호이스팅 아직 선언되지 않은 함수나 변수들을 해당 스코프의 맨 위로 끌어올려 사용하는(것 처럼 보이는) 작동 방식.자바스크립트의 기본 성질변수, 함수 선언 후 접근 하는 코드가 바람직함.호이스팅 많이 발생하는 코드는 가독성이 좋지 않아 오류를 발생시킬 수 있음. 1. 함수 호이스팅 : 함수 선언의 유효 범위를 최상단으로 끌어올려서 작동하는 것. print();function print() { console.log("Hello World!");} -> 자바스크립트 엔진이 print() 호출이 선언문보다 아래에 있다고 받아들임. 2. 변수 호이스팅: 변수의 선언문을 스코프의 최상단으로 올려 해석하여 작동하는 것. console.log(name);var name = "cat";// 자바스크립트가.. 공감수 0 댓글수 0 2024. 8. 18.
[인프런] 스코프 1. 스코프란? 변수, 함수 생성시 해당 변수, 함수가 갖게 되는 유효 범위 1.1 전역 스코프(Global Scope): 어디서든 변수에 접근 가능한 범위 1.2 지역 스코프(Local Scope): 지역을 벗어난 곳에서는 접근 불가능한 범위 const num = 10;function print() { const num = 100; console.log(`지역 스코프 ${num}`);}print()console.log(`전역 스코프 ${num}`); => print()를 통해 호출된 num은 지역 스코프, 함수 외부의 num은 전역 스코프를 지님. 1.2.1 블록 스코프: 같은 블록에서만 접근 가능한 범위 function print() { for(let i = 0; i .. 공감수 0 댓글수 0 2024. 8. 18.
[인프런] 웹 프론트엔드를 위한 자바스크립트 첫 걸음 - 함수, 전역변수와 지역변수 1. 함수 같은 동작을 하는 중복된 코드가 다양하게 존재할 때 이들을 묶어 하나의 명령으로 실행할 수 있게 해주는 기능. 수정이 용이하고, 코드 재사용성이 좋다. 함수 선언: function 함수이름(인자) { (동작) } 함수 호출: 함수이름(인자) function sub(num1, num2) { // 함수 선언 console.log(num1 - num2); } sub(3,1); // 함수 호출 // 결과값: 2 1.1 return문 함수 실행의 결과 값을 이용해 다른 작업을 하고 싶을 때 사용. return문 형식: return (반환할 값) function add(num1, num2) { return num1 + num2; } console.log('두수의 결과값: ' + add(10, 15) + .. 공감수 1 댓글수 0 2024. 4. 12.
[인프런] 웹 프론트엔드를 위한 자바스크립트 첫 걸음 - if ~ else if, switch ~ case 0. 간단한 조건문 개념 1. if - else if 조건문 여러 조건에 따라 서로 다른 코드를 실행할 때 사용되는 조건. let num1 = 5; if (num1 == 10) { console.log("num1 is 10"); } else if (num1 == 20) { console.log("num1 is 20"); } else { console.log(num1); } // 결과값: 5 2. switch ~ case 문 특정 값이 무엇인지에 따라 각각 다른 작업을 수행할 수 있는 조건문 switch 괄호 안의 변수값과 case문의 변수값이 같으면 해당 case문의 코드가 실행된다. let answer = 3; switch (answer) { case 1: console.log( answer + " i.. 공감수 1 댓글수 0 2024. 4. 9.
[인프런] 웹 프론트엔드를 위한 자바스크립트 첫 걸음 - 연산자 연산자 산술 연산자 + 덧셈 - 뺄셈 * 곱셈 / 나눗셈 % 나머지 연산 ++ (전위) 특정 변수에 1 더한 결과 값 (후위) ++ 특정 변수에 1 더하기 바로 직전의 값 -- (전위) 특정 변수에 1 뺀 결과 값 (후위) -- 특정 변수에 1 빼기 바로 직전의 값 +) 증감 연산자 예시 let num = 10; console.log(num++); // 10 console.log(num); // 11 console.log(++num); // 12 console.log('==========='); let num2 = 10; console.log(num2--); // 10 console.log(num2); // 9 console.log(--num2); // 8 대입 연산자 변수에 특정 값을 대입 해주는 연산.. 공감수 1 댓글수 0 2024. 4. 9.
[인프런] 웹 프론트엔드를 위한 자바스크립트 첫 걸음 - 자료형과 형변환 자료형 (변수의 종류)원시타입 : 프로그램 실행 도중 단 하나의 값만을 갖는 자료형- 종류: 숫자, null, BigInt, undefined, 문자, symbol, boolean// 원시 타입 예시let number = 123;number = "123";<p data-ke-size="size1.. 공감수 1 댓글수 0 2024. 3. 31.
[인프런] 웹 프론트엔드를 위한 자바스크립트 첫 걸음 - 변수와 상수 변수 선언 let [생성할 변수 이름] = 값; let color = "skyblue"; console.log(color); // 결과값: skyblue 변수 값은 프로그램 실행 도중 변경이 가능하다. let color = "skyblue"; color = "yellow"; console.log(color); // 결과값: yellow 변수명에 관한 규칙 1. '$'와 '_'를 제외한 기호 사용 불가 2. 변수명 맨 앞의 숫자 사용 불가 3. *예약어 사용 불가 *예약어: 컴퓨터 프로그래밍 언어에서 이미 문법적인 용도로 사용되고 있기 때문에 식별자로 사용할 수 없는 단어. // C언어 int for = 4; -> for문으로 사용되는 예약어이므로 변수명으로 사용X 카멜 표기법 단어를 차례대로 나열하면서 .. 공감수 0 댓글수 0 2024. 3. 31.
[인프런] 초보자를 위한 자바스크립트 강의 "웹 프론트엔드를 위한 자바스크립트 첫 걸음" #0. 계기 "자바스크립트가 보안이랑 무슨 상관이 있냐? 뭐길래 이 티스토리에서 다뤄?" 라고 누군가는 질문을 할 수 있을 것 같습니다. 이에 대한 답변을 하자면, "보안? 그거 코드 못 보면 무슨 소용이고,," 졸업 프로젝트를 진행하며 자바스크립트를 접하게 되었는데, Node.js며 프론트 엔드며 해보다 보니 든 생각은 자바스크립트 엄청 많이 써!! 였습니다. 이왕 찍먹해본 김에 제대로 이해라도 해보자, 싶던 와중 좋은 기회에 초보자를 위한 강의 "웹 프론트엔드를 위한 자바스크립트 첫 걸음" 를 알게 되었습니다. #1. 초보자를 위한 강의? 이 강의를 볼까 말까 고민하면 1강 정도는 보고 고민하...시 잖아요? 이 강의는 1강만 봐도 간결한 글의 PPT, 풍부한 시각 자료, 온라인 에디터 사용, 양방향.. 공감수 1 댓글수 0 2024. 3. 25.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.