웹개발종합반 개발일지 2주차-1
스파르타코딩클럽 웹개발종합반
1. 수강목적 : 코알못탈출 웹디자인에 필요한 기본지식 습득
2. 배운점 :
$('#blabla').val();
왜 이렇게 어렵게 생겼니...#blabla가 붙은 id의 입력값을 가져온다.
blabla.includes('A')
문자 A가 포함됐는지 찾는다. true / false 로 값이 도출된다.
퀴즈에서는 입력값이 @이가 포함됐는지 물어보고 포함되지 않았으면 올바른 이메일 형식을 입력하라는 알람을 띄워야 했다.
if (mail.includes('@') == true)
이렇게 썼는데, '.'도 포함시키고 싶었다. 그런데 includes()는 하나의 문자만 되는듯 했다.
mail.includes('@', '.')이렇게 쓰니 안됐다.
그래서 그냥
if (mail.includes('@'),mail.includes('.') == true)
이렇게 두번 쓰니까 @만 있고 . 은 없는 것도 알람이 떴다.
bla.split('A')
bla를 나눈다 문자 A를 기준으로.
let inputmail = mail.split('@')[1];
let onlydomain = inputmail.split('.')[0];
mail이라는 값의 내용에서 @를 기준으로 나누고 그 두번째 것을 취한다. 그것이 inputmail이다.
inputmail에서 다시 .을 기준으로 나누고 첫번째 것을 취한다. 그것이 onlydomain이다.
let temp_html = `<li>${text1}</li>`;
대괄호 소괄호까진 알겠는데 중괄호... 어렵다 갑자기 html나오고 난리여... 암튼간 temp_html이라는 (이건 그냥 임의지정 하는네이밍인듯) 걸 지시하는데 그것은 <li>${text1}</li> 라는 태그다.
$('#names-q3').append(temp_html);
names-q3이라는 id가 붙여있는 곳에 get으로 지정된 html태그를 붙인다.
empty()
비운다.
function q3_remove() {
$('#input-q3').val(null);
$('#names-q3').empty();
}
버튼html에 onclick펑션을 지정했다. 두가지가 진행되는데 하나는 input-q3으로 아이디가 지정된 곳의 값을 지우는것과 names-q3이 지정된 곳을 비우는 것. 뭘 얼마나 비울 수 있는지, 비울수 있는 개체의 종류는 어떻게 되는지 궁금함.
그리고 퀴즈에 나온 내용을 구글을 검색하면서 스크립트에 let 말고 var을 쓰는 경우가 있었는데 그 둘의 차이점이 뭔지 궁금하다.
https://velog.io/@bathingape/JavaScript-var-let-const-%EC%B0%A8%EC%9D%B4%EC%A0%90
검색해서 나온 내용인데 읽어도 몰라서 다음에 잘 알게되면 읽어야지...하고
3. 보완할점
전부 부족한 부분이라, 뭘 보완해야 한다고 말하기가 그런데, 20분짜리 퀴즈를 1시간이나 걸려서 푼 것은 문제가 있다. 속도를 높이고 싶다.
4. 앞으로의 계획
완강
