JavaScript
-
<script>태그 위치JavaScript/DOM 2023. 1. 11. 23:09
자바스크립트는 body 요소의 가장 아래에 위치시키는 것이 좋다 - DOM이 완성되지 않은 상태에서 자바스크립트가 DOM을 조작하면 에러가 발생할 수 있다 - 자바스크립트 로딩/파싱/실행의로 인해 HTML 요소들의 렌더링에 지장받는 일이 발생하지 않아 페이지 로딩 시간이 단축된다 // 자바스립트를 head 부분에 위치 시켰을 때 apple banana orange // 자바스립트를 body부분에 위치 시켰을 때 apple banana orange 자바스크립트 파싱에 의한 DOM 생성이 중단(blocking)되는 문제를 해결하기 위해 async와 defer 어트리뷰트를 사용한다. 단, src 어트리리뷰트를 통해 외부 JS파일을 로드하는 경우에만! 사용할 수 있다. src 어트리뷰트없는 인라인 자바스크립트에..
-
스코프(Scope)JavaScript/Basic 2023. 1. 11. 12:54
## 전역 스코프 (Global scope) 코드 어디에서든지 참조할 수 있다. ## 지역 스코프 (Local scope or Function-level scope) 함수 코드 블록이 만든 스코프로 함수 자신과 하위 함수에서만 참조할 수 있다. var x = 'global'; // 전역변수(Global Variable) function foo(){ var x = 'function scope'; console.log(x); // 지역변수 (Local Variable) } foo(); // function scope console.log(x); // global ================================ 변수는 선언 위치(전역 또는 지역)에 의해 스코프를 가지게 된다. 즉, 전역에서 선언된 ..
-
Node_JS_개념 & 실행JavaScript/Node_Js 2023. 1. 11. 12:53
==================================== Node_JS >> Nodes_JSㄹ는 프레임워크가 아니다! 프레임워크vs 라이브러리 >> 프레임워크란 일정한 틀을 갖고 있어서 개발자가 특정 부분만 원하는 모습대로 채워 넣으면, 프로그램을 완성할 수 있게 해주는 준비된 코드 체계'를 의미 >> Java기반의 Spring, Python기반의 Django Node.js는 프레임워크가 아니고, 자바스크립트라는 언어의 '실행 환경'일 뿐이다 Node.js는 프레임워크가 아니고, 자바스크립트라는 언어의 '실행 환경'일 뿐입니다. 컴퓨터에 Node.js를 깔고 나서 개발을 시작하려고 하면, '일정한 틀'이라는 게 없습니다. 주어지는 건 단지 Node.js라는 실행 환경일 뿐이고, 그 위에서 '프로..
-
프로그래머스(입문)_모음제거JavaScript/Coding_Problems 2023. 1. 10. 19:24
# 나의풀이 function solution(my_string) { var answer = ''; var vowel_arr = ['a','e','i','o','u'] var str_arr = [...my_string] str_arr = str_arr.filter((letter) => !vowel_arr.includes(letter)) return str_arr.join(''); } # 다른사람풀이 function solution(my_string) { // "g"는 전체 문자열을 탐색해서 모든 일치를 반환하도록 지정하는 전역 탐색 플래그 return my_string.replace(/[aeiou]/g,'') }
-
DateJavaScript/Basic 2023. 1. 7. 14:51
표준 빌트인 객체인 Date는 날짜와 시간을 위한 메서드를 제공하는 빌트인 객체이면서 생성자 함수 Date 생성자 함수 - Date 생성자 함수로 객체를 생성하는 함수 1. new Date() 2. new Date(milliseconds) 3. new Date(dateString) 4. new Date(year, month[, day, hour, minute, second, millisecond]) Data 메서드 Date.now Date.parse Date.UTC Date.prototype.getFullYear