힘차게, 열심히 공대생

자바스크립트나 css 파일이 수정 후 적용이 안되는 이유는, 브라우저에서 캐시메모리가 저장되어있어서 수정되기 전의 캐시 메모리를 사용하기 때문이다. 2가지 방법이 있다. 1. js,css 링크에 버전관리를 추가 간단하게 js,css 파일을 불러오는 링크 후면 부에 ?ver=1 이런 식 으로 버전관리를 함으로써 브라우저가 새로운 js파일로 인식하게 한다. static 파일 링크를 가져왔다면 똑같이 그 뒤에 작성하면 된다. ver 뒤에 숫자는 아무거나 상관없다. 2. Ctrl + F5 새로고침할 때 캐시까지 새로고침하는 방법이다 이게 제일 간편한 것 같다.

이 글은 부스트코스에서 제공하는 생활코딩 강의를 기반으로 정리한 내용입니다. 1. 배열 1) 자바스크립에서 배열의 정의 자바스크립트(js)에서 배열은 변수의 타입처럼 쓰이는 것 같다. 먼저 변수를 설정해주고 값을 배열로 주면, 배열이 선언 된다. 2) 배열 선언 var fruits = ["apple", "banana"]; 3) 배열의 값에 접근하기(Get) document.write(fruits[0]); 4) 배열의 길이 document.write(fruits.length); 5) 배열에 값 추가하기(Push) fruits.push("coconut"); 2. JS 배열 메소드 JS 배열 메소드는 크게 3가지로 구분되어집니다. 원본 배열을 변경하는 메소드 원본 배열은 변경하지 않고 참조만 하는 메소드 원본..

이 글은 부스트코스에서 제공하는 생활코딩 강의를 기반으로 정리한 내용입니다. 1. 비교연산자와 블리언 1) 자바스크립트 비교연산자 '===' 조건문의 비교연산자는 보통 '=='을 사용한다. 하지만 자바스크립트에서는 '==' 과 '===' 2개를 사용한다. 쉽게말해 '==' 은 값만을 비교 [ 덜 빡빡한 비교 ] '==='은 유형(Type) 과 값(Value)를 비교 [빡빡한 비교] 변수를 비교하거나 어떤 비교를 위해 항상 '===' 연산자를 사용 할 것을 권장한다. 2. 조건 연산자로 토글 만들기 if() 문을 활용하여 선택 연산을 진행한다. querySelector() 로 태그&선택자를 지정하고 하위 특성들을 변경한다. if(document.querySelector..

이 글은 부스트코스에서 제공하는 생활코딩 강의를 기반으로 정리한 내용입니다. 1. WEB과 Javascript, HTML 1. 태초에 HTML이 존재하였지만 정적인 이미지, 정적인 기능만을 제공하였다. 2. 동적, 즉 사용자와 반응하는 웹을 만들기위해 JavaScript가 탄생했다고 한다. 2. Javascript의 역할 Javascript의 가장 중요한 역할는 사용자와 상호작용할 수 있게 하는 것입니다. 아래의 웹페이지에서 사용자가 night/day 버튼을 누를 때마다 페이지의 색깔이 바뀌는 것을 그 예시이죠. * JS 실행하는 방법 (크롬 기준으로) : 웹 페이지에서 '오른쪽 버튼 > 검사'를 누르면 새로운 창이 뜨게 됩니다. 여기에서 Elements 탭을 보면, 페이지를 구성하는 HTML 태그들이 ..