오늘 한 것
- 웹개발 종합반 2-8까지 수강
제이쿼리에 및 간단한 메소드들에 대해서 배워봤다.
$('선택자').val(123)ㄴ 선택자에 벨류값을 123 입력
$('선택자').val()
ㄴ 선택자의 벨류값을 가져온다.
$('선택자').hide()
ㄴ 선택자의 요소를 감춘다.
$('선택자').remove()
ㄴ 선택자의 요소를 삭제한다.
$('선택자').show()
ㄴ 감춘 선택자의 요소를 다시 보여준다.
let temp_html = `<button>나는 버튼이다</button>`ㄴ 백틱(``) 사용 시 문자열 내부에 변수 사용이 가능하다.
ㄴ 변수를 넣는건 그냥 따옴표나 작은따옴표를 사용해도 가능은 하지만 꽤나 복잡하다.
let temp_html = 변수 + "내용" + 변수
이렇게 말이다.
ㄴ 그리고 지금처럼 html을 추가해 줄 수도 있다.
ㄴ 백틱을 사용하는것은 템플릿리터럴 이라고 하는것인데, 오늘은 이정도로 간단하게만 알아보도록 하겠다.
$('선택자').append(tamp_html)
ㄴ 위 temp_html 변수를 선택자의 html에 적용한다.
$('선택자').includes('찾을 문자')
ㄴ 선택자에 해당 문자가 있는지 찾아서 불리언 값으로 나타낸다
$('선택자').split('기준으로 할 문자')
ㄴ 기준으로 할 문자를 기준으로 문자열을 배열로 나눈다.
ㄴ 만약 이메일에서 gmail만 추출한다고 가정하자.
const email = 'abcd@gmail.com';
const email_split = email.split('@');ㄴ 이렇게 작성하면 email_split[0] 에는 abcd
email_split[1]에는 gmail.com 이 남는다.
여기서 한번 . 을 기준으로 한번 더 나누면 gmail만 가져올 수 있다.
const email_split = email.split('@')[1].split('.')[2]ㄴ 이 코드의 뜻은, @를 기준으로 배얼을 2개로 나누고,
나눈 것 중 1번째에서 .을 기준으로 다시한번 더 나눠서 0번째 문자열을 가져오겠다. 라는 뜻으로 해석하면 된다고 한다.
한마디
split 이해하는데 2시간 걸렸다.
그래도 찾아보고 직접 쳐보고 하다보니 완벽 이해 완료.
자바스크립트 기본문법을 더 봐야겠음
내일 할 것
- 오전-웹개발 종합반 수강
- 오후-유데미 React 완벽 가이드 with Redux, Next.js, TypeScript 결제했다.
가격은 14000원, 상당히 저렴한 가격이다. 분량도 48시간 분량.
설명을 잘 하는 것 같고 많이들 추천하기에 결제했고, 내일 오후부터 본격 수강 예정이다. - 이제 파이썬은 배우지 않으려 한다.
- 소위 말하는 네카라쿠배 에서는 프론트엔드는 언어가 자바스크립트로 제한된다고 한다.
- 코테를 위해 파이썬을 배워봤자 실무에서는 쓸 일이 없다고 하니, 자바스크립트를 준비해야겠다.
프론트엔드 지망생