[코딩일지] 231005
input 태그
html5 이전엔 닫기 태그를 추가해야 했지만 이젠 x
도움받은 링크 :
https://abcdqbbq.tistory.com/63
label 태그
for를 사용해서 id와 연결해줄 수 있다.
내부에 위치시키면 for를 사용하지 않아도 된다.
클릭시 입력되도록, 혹은 체크, 체크해제
도움받은 링크 :
http://www.tcpschool.com/html-tags/label
https://www.codingfactory.net/11008
HTML / label / 폼의 양식에 이름 붙이는 태그
label label은 폼의 양식에 이름 붙이는 태그이다. 주요 속성은 for이다. label의 for의 값과 양식의 id의 값이 같으면 연결된다. label을 클릭하면, 연결된 양식에 입력할 수 있도록 하거나, 체크를 하거
www.codingfactory.net
textarea 태그
많은 양의 텍스트를 입력받고 싶을 때 사용
<textarea></textarea>
스크립트 태그 위치
하단에 위치하는 게 좋다.
읽어내리는 도중 스크립트 태그를 만나면 중단하기 떄문
그만큼 Display에 표시되는 것이 지연
도움받은 링크 :
https://velog.io/@miyoni/TIL15
[JavaScript] <Script> 태그의 위치는 어디가 좋을까?
Script 태그 HTML 파싱 ▶️ JavaScript 파일 다운로드 후 실행 아마 대부분의 경우에 제일 많이 위치하여 사용하는 방법일 겁니다. 자바스크립트 파일을 다운로드하기 전 HTML 코드를 모두 파싱 하기
shape-coding.tistory.com
form 태그 안의 button 태그
디폴트로 submit 기능이 있어서 submit 하고 싶지 않다면 따로 처리를 해야 한다고 한다.
도움받은 링크 :
https://dzzienki.tistory.com/76
form 안에 button 이 있을때 자동으로 submit 되는 현상 막기
다른버튼 이런식으로 버튼이 폼 안에 있을 때 버튼을 눌렀을 때 onclick에 정의된 펑션이 동작하지 않고 form 의 submit 펑션이 실행되는데 자동으로 submit 되는걸 방지하고 다른 동작을 실행시키고
dzzienki.tistory.com
제이쿼리 사용방법
셋팅된 환경에서만 작업하다가 처음부터 작업하려고 하니까 찾아보게 되었다.
파일을 받아서 사용하거나 링크를 통해 사용하는 방법이 있어 보인다.
도움받은 링크 :
https://codingapple.com/unit/js-6-jquery-basic/
jQuery 사용법 간단정리 - 코딩애플 온라인 강좌
0:36 jQuery 설치 3:24 여러가지 jQuery 기본 함수 9:38 오늘의 숙제 (모달창 만들기) 오늘의 숙제 : 버튼하나 아무데나 만들고 버튼 누르면 모달창을 띄워오십시오. 모달창 디자인은 로그인하세요
codingapple.com
var, let, const 차이
매번 찾지만 까먹는 내용, 호이스팅 때문에 문제가 되는듯 하다.
var 재선언되고, 업데이트 될 수 있다. 전역 범위
let 업데이트되지만, 재선언은 안 된다. 블록 범위, 선언 이전에 사용하려고 하면 참조 오류 발생
const 업데이트도 재선언도 불가능, 개체의 속성은 변경 가능
도움받은 링크 :
Var, Let, Const의 차이점은?
ES2015(ES6)에서 반짝이는 새로운 기능들이 많이 등장했습니다. 2020년이 된 지금, 많은 JavaScript 개발자들이 그 기능들을 사용하기 시작했을 것이며 또 익숙해졌을텐데요. 여전히 그 중 몇몇은 일부
www.freecodecamp.org
자바크립트 체크
객체체크하는 부분을 모듈화 시킬 필요성을 느꼈고 따로 분리를 시작해 보았다.
let chk = {
all : function (val){
return !(this.type.isNull(val) || this.type.isUndefined(val) || this.text.isEmpty(val))
},
type : {
isNull : function (val){
return val === null
},
isUndefined: function (val) {
return val === undefined
},
},
text : {
isEmpty : function (val){
return val.trim() === ''
}
}
}
favicon.ico 오류
자주보던 오류인데 이번에 찾아봤다.
아이콘 문제였던 것 같다.
도움받은 링크 :
https://cheonfamily.tistory.com/7
favicon.ico 오류 404 메시지 해결 방법
웹페이지 개발을 하다보면 개발자도구 F12 의 콘솔창에 favicon.ico error message 가 보입니다. 뭐 문제되는 건 없지만, 빨간색으로 팍 뜨니까 성가시죠... 이 favicon.ico 는 브라우저 타이틀 맨 왼쪽에 보
cheonfamily.tistory.com