본문 바로가기

Development/HTML & CSS & Javascript

(3)
[Javascript - ES6 문법 시리즈1] var, let, const 비교 & Property Shorthand ES6 문법 1. var, let, const 비교 자바스크립트의 변수 선언이 var만 가능했지만, ES6부터 let과 const가 추가되었다. let과 const를 사용하는 것에 적응하자! var let const 중복선언 가능 O X X 재할당 가능 여부 O O X (상수 선언 키워드) 변수 스코프 유효범위 (유효한 참조 범위) 함수 레벨 스코프 블록 레벨 스코프 블록 레벨 스코프 변수 호이스팅 방식 O Δ Δ 전역객체 프로퍼티 전역객체 (브라우저 환경시 window) X X ▪ 변수 스코프 유효범위 var는 함수 내부에 선언된 변수는 지역변수로, 함수를 제외한 영역에서 선언한 변수는 전역변수로 취급한다. let, const는 함수 내부와 if문, for문 등의 코드블럭 { }에서 선언된 변수 모두 ..
[Javascript Error] Uncaught TypeError: Cannot read properties of null (reading 'replace') 오류 해결 ⛔ 오류메세지 Uncaught TypeError: Cannot read properties of null (reading 'replace') ✅ 해결방법 객체에 null 값이 들어갔는데 replace() 메소드를 호출해서 발생한 에러였다. 값을 받아온 이후에 null 값이 아니면 replace()를 실행하도록 하여 해결하였다.
[HTML] input 태그, label 태그 label 태그 : 폼의 양식에 이름 붙이는 태그 input 태그 : 사용자로부터 정보를 입력받을 수 있게 해주는 태그 - type : 입력 태그의 유형을 설정하는 속성 - name : 서버로 전달되는 이름을 설정하는 속성 - value : 입력 태그의 초기값을 설정하는 속성 속성값 설명 text 기본 값으로 텍스트 입력 가능 password 비밀번호를 입력하는 영역. 입력된 값은 *(별) 형태로 노출. file 파일을 선택할 수 있는 별도의 창 열림 radio 공통된 name의 여러 버튼 중 한 가지만 선택 가능 checkbox 공통된 name의 여러 버튼 중 여러가지 선택 가능 button 일반적인 버튼 submit 전송을 위한..