Language/JavaScript
Javascript 튜토리얼 사이트 추천
요즘 회사에서 틈틈히 보고 있는 사이트 입니다. https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info Javascript -> TypeScript -> Nest.js 순으로 학습해보겠습니다.
preventDefault()를 사용해 선택적 Submit하기
springboot와 thymeleaf mybatis를 사용해 개발중이다. 회원가입 후 지역정보를 설정하지 않은 사람에게 modal창으로 지역정보를 강제적으로 설정하려한다. datalist를 통해서 option을 통해 입력하게 하고 해당 데이터의 유효성 검사를 마친후 submit event가 작동시 isNotEmpty function을 통해 변수값을 체크하고 유효한 데이터일 경우 submit을 하려고 했다. 동작하지 않은 원인은 preventDefault() function은 해당 요소의 기본동작을 하지 못하게 하는 함수이다. 해당 함수를 조건문안에 위치시켜야 했는데 첫 줄에 작성하여서 동작하지 않았다. 조건문 안에 preventDefault()를 넣으니 원하는 대로 동작되었다. 변경 전 document..
Conditionals
바닐라 JS로 크롬 앱 만들기 강의 정리 # 2.13~ # 2.16 prompt 함수로 값을 받아 number Type으로 형변환을 하고 그 값을 설정해둔 조건에 따라 console로 표현하기 const age = parseInt(prompt("How old are you")); // pause 이후의 자바스크립트 코드의 동작이 멈추기 때문에 쓰지 않음 if(isNaN(age) || age = 18 && age 50 && age
Tutorial
바닐라 JS로 크롬 앱 만들기 강의 정리 # 2.0 ~ # 2.12 variable을 표현하는 두가지 방법 const -> 상수 default let -> 변수를 변경해야 할 필요가 있을 때 사용 var -> 사용하지 말자 -> 코드의 의도를 파악할 수 없음 Primitive types Boolean : 참 and 거짓 -> const a = true; or const b = false; Null : null은 JavaScript의 원시 값 중 하나로, 어떤 값이 의도적으로 비어있음을 표현 Undefined : 값을 할당하지 않은 변수 -> const a; (이런식으로 값을 넣지 않음) Number : 숫자 -> const num = 1; String : 문자열 -> const str = "abc"; 쌍..