해보자고

1. 호이스팅 아직 선언되지 않은 함수나 변수들을 해당 스코프의 맨 위로 끌어올려 사용하는(것 처럼 보이는) 작동 방식.자바스크립트의 기본 성질변수, 함수 선언 후 접근 하는 코드가 바람직함.호이스팅 많이 발생하는 코드는 가독성이 좋지 않아 오류를 발생시킬 수 있음. 1. 함수 호이스팅 : 함수 선언의 유효 범위를 최상단으로 끌어올려서 작동하는 것. print();function print() { console.log("Hello World!");} -> 자바스크립트 엔진이 print() 호출이 선언문보다 아래에 있다고 받아들임.   2. 변수 호이스팅: 변수의 선언문을 스코프의 최상단으로 올려 해석하여 작동하는 것. console.log(name);var name = "cat";// 자바스크립트가..

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   ..

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) + ..

변수 선언 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. 계기 "자바스크립트가 보안이랑 무슨 상관이 있냐? 뭐길래 이 티스토리에서 다뤄?" 라고 누군가는 질문을 할 수 있을 것 같습니다. 이에 대한 답변을 하자면, "보안? 그거 코드 못 보면 무슨 소용이고,," 졸업 프로젝트를 진행하며 자바스크립트를 접하게 되었는데, Node.js며 프론트 엔드며 해보다 보니 든 생각은 자바스크립트 엄청 많이 써!! 였습니다. 이왕 찍먹해본 김에 제대로 이해라도 해보자, 싶던 와중 좋은 기회에 초보자를 위한 강의 "웹 프론트엔드를 위한 자바스크립트 첫 걸음" 를 알게 되었습니다. #1. 초보자를 위한 강의? 이 강의를 볼까 말까 고민하면 1강 정도는 보고 고민하...시 잖아요? 이 강의는 1강만 봐도 간결한 글의 PPT, 풍부한 시각 자료, 온라인 에디터 사용, 양방향..