![[DEV] 웹 서버 업로드 오류(캐시) 확인하기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FlxHCI%2Fbtq9tHYc98d%2FAAAAAAAAAAAAAAAAAAAAAPfh3RiL3iZqsAtx6k5eQPcTeG3eq98wtwnfooBI7q5F%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1761922799%26allow_ip%3D%26allow_referer%3D%26signature%3DeI18Q1sT02Vt1fYBjfS94vyO%252BUM%253D)
https://wccoding.tistory.com/m/91 [DEV] 웹 서버 업로드 오류웹 페이지를 개발할 때 나는 index파일이 html인 파일만 가지고 개발을 했었다. html 파일은 css나 js파일을 수정하면서 웹 브라우저에서 열어서 쉽게 수정본을 확인할 수 있다. 하지만 내가 맡은 홈www.danieldevel.info 웹 페이지를 개발할 때, 나는 주로 HTML 파일을 사용하여 개발을 진행했다. HTML 파일은 CSS나 JS 파일을 수정하면서 웹 브라우저에서 쉽게 열어 볼 수 있어, 수정 사항을 바로 확인할 수 있다는 장점이 있다. 그러나 이번에 내가 맡은 프로젝트에서 문제가 발생했다. 웹 서버에 파일을 업로드했는데, 변경 사항이 반영되지 않는 오류가 생긴 것이다. 오류의 원인을 찾기 ..
- DOM API (Document Object Model, Application Programming Interface) // HTML 요소(Element) 모두 검색/찾기 const boxEls = document.querySelectorAll('.box'); console.log(boxEls); // 찾은 요소를 반복해서 함수 실행 // 익명 함수를 인수로 추가 boxEls.forEach(function () {}); //첫 번째 매개변수 (boxEl) : 반복 중인 요소 //두 번째 매개변수 (index) : 반복 중인 번호 boxEl.forEach(function (boxEl, index) {}); // 출력 boxEls.forEach(function (boxEl, index) { boxEl.c..
- DOM API (Document Object Model, Application Programming Interface) // HTML 요소(Element) 1개 검색/찾기 const boxEl = Document.querySelector('.box'); //HTML 요소에 적용할 수 있는 메소드 boxEl.addEventListener(); // 인수(Arguments)를 추가 가능! boxEl.addEventListener(1,2); // 1 - 이벤트(Event, 상황) boxEl.addEventListener('click', 2); // 2 - 핸들러(Handler, 실행할 함수) boxEl.addEventListener('click', function() { console.log('click'..
함수 (function) - 특정 동작(기능)을 수행하는 일부 코드의 집(부분) //함수 선언 function helloFunc() { return 123; } let a = returnFunc(); console.log(a); //123 //함수 선언 function sum(a,b) { //a와 b는 매개변수(paraneters) return a + b; } //재사용 let a = sum(1,2); //1과 2는 인수(Arguments) let b = sum(7,12); let c = sum(2,4); console.log(a,b,c); // 3,19,6 출력 // 기명 함수 // 함수 선언 function hello{ console.log('hello!'); } // 익명 함수 // 함수 표현 le..
![[DEV] JS 데이터 종류(자료형)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FcfkJ3E%2Fbtq9afgNg68%2FAAAAAAAAAAAAAAAAAAAAAN-YFTueSyjlYXhzfRHrUK-NBD2_CckfvATXa9PDSgK2%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1761922799%26allow_ip%3D%26allow_referer%3D%26signature%3DEu71tfLfvMpIgP6Cx6w3810aqS4%253D)
JS 데이터 종류 String - 문자열 Number - 숫자 Boolean - 참/거짓 (불대수) Null - 값이 없음을 명시적으로 표현 undefined - 변수가 정의되었으나, 값이 정의 안 된 상태 Symbol - 유일한 식별자 생성 Object(객체) - single item을 묶어 하나의 박스로 관리 가능하게 해줌 function(함수) - 변수에도 할당이 가능하다(first-class function: 일급함수)
![[DEV] JS 표기법](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FLWyFL%2Fbtq86fQg3ND%2FAAAAAAAAAAAAAAAAAAAAAPchBo652-lHTYpLLkCia3auca3tQsfIUhFMhSKvpxY1%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1761922799%26allow_ip%3D%26allow_referer%3D%26signature%3D2%252FLUYge2qPeGswCBe%252FC1mmVR4xI%253D)
- 표기법 dash-case(kebab-case) : html,css에서 주로사용 ex) the-quick-brown-fox-jumps snake_case : html,css에서 주로사용 ex) the_quick_brown_fox_jumps camelCase : JS에서 주로 사용 theQuickBrownFoxJumps PascalCase : JS에서 주로사용 TheQuickBrownFoxJumps Zero-based Numbering : 0기반 번호 매기기 -> 특수한 경우를 제외하고 0부터 숫자를 시작합니다. - 주석 // 한 줄 메모 /* 한줄 메모 */ /** *여러줄 *메모1 *메모2 */ 단축키 : ctrl + /