1. 웹상에 존재하는 UI들은 대부분 - 미리 디자인해놓고 평소엔 숨깁니다. - 버튼누르거나 하면 보여주면 됩니다. 보여주거나 그럴 때 JS가 필요할텐데 어떻게 만드는지 알아봅시다. 탭 모달 서브메뉴 툴팁 이런거 만드는거 하나씩 다 가르치면 강의 300강 넘겨야되고 그럼 제가 부자되니까 그거 싫으시면 저거 법칙만 외워가면 됩니다 2. 담시간숙제 : 오늘 만든 Alert UI 안에 있는 닫기버튼 기능개발을 해보십시오. 누르면 닫히게요
개발경력은 곧 10년이 되는데.. 기술스텍 바꿀려고 노력중입니다.. 고인물회사에서 안빈낙도 하다가 mern 스택쓰는 곳으로 갈려고 한달전부터 이것저것 공부하고 있는데... 썸네일에 낚여서 여기까지 듣고 있네요, 덕분에 대충 쓰고 있던 자바스크립트 근본부터 다시 보고 갑니다.
HTML과 JavaScript에서 따옴표는 문자열을 나타내는 데 사용됩니다. HTML에서 속성 값을 나타낼 때는 큰 따옴표(")나 작은 따옴표(') 모두 사용할 수 있습니다. JavaScript에서도 큰 따옴표(")와 작은 따옴표(')는 문자열을 나타내는 데 사용되며, 기능적인 차이는 없습니다. 그런데, HTML 속성 값 내에서 JavaScript 코드를 작성할 때는, HTML의 따옴표와 JavaScript의 따옴표가 충돌하지 않도록 주의해야 합니다. 예를 들어, onclick="document.getElementById("alert").style.display = 'block';" 이라고 작성하면, HTML에서 속성 값을 나타내는 따옴표(")와 JavaScript에서 문자열을 나타내는 따옴표(")가 충돌합니다. 따라서 이 경우 오류가 발생합니다. 이를 해결하기 위해, HTML에서는 큰 따옴표("), JavaScript에서는 작은 따옴표(')를 사용하거나 반대로 사용하여 충돌을 피할 수 있습니다. 예를 들어, onclick="document.getElementById('alert').style.display = 'block';" 또는 onclick='document.getElementById("alert").style.display = "block";' 이런 식으로 작성할 수 있습니다.
1. 웹상에 존재하는 UI들은 대부분
- 미리 디자인해놓고 평소엔 숨깁니다.
- 버튼누르거나 하면 보여주면 됩니다.
보여주거나 그럴 때 JS가 필요할텐데 어떻게 만드는지 알아봅시다.
탭 모달 서브메뉴 툴팁 이런거 만드는거 하나씩 다 가르치면
강의 300강 넘겨야되고 그럼 제가 부자되니까 그거 싫으시면 저거 법칙만 외워가면 됩니다
2. 담시간숙제 : 오늘 만든 Alert UI 안에 있는 닫기버튼 기능개발을 해보십시오. 누르면 닫히게요
3:15 커멘드+E는 브라켓으로 사용중인 분들만 해당사항이 있고 vscode 사용자는 직접 이동하셔서 작성하시면 됩니다.
Wow...정확성과 확신성. 명료함. 단순함. 세밀함. 간편함. 완벽함. 철저함 그리고 유머러스함. 모든 게 완벽합니다. 가히 모든 강사분들 중에 최고라 자신합니다.
개발경력은 곧 10년이 되는데.. 기술스텍 바꿀려고 노력중입니다.. 고인물회사에서 안빈낙도 하다가 mern 스택쓰는 곳으로 갈려고 한달전부터 이것저것 공부하고 있는데... 썸네일에 낚여서 여기까지 듣고 있네요, 덕분에 대충 쓰고 있던 자바스크립트 근본부터 다시 보고 갑니다.
Visual StudioCode 사용중인데 박스에 색이 안나와요...commend+e로도 안되서 직접 main.css에 작성했습니다.
강의듣는게 아니라 영업당하는 기분인데 홀린듯이 이해가 잘됩니다 감사합니다
안녕하세요.
다른 자바스크립트 기초강의중에
제일 이해하기쉽고
현실(?)적이게 와닿게 설명해주시네요.
감사합니다.
강사님 어딘가 강의톤이 익숙했는데, 개그맨 정명훈씨 아니신가요? ㅋㅋㅋ
- ua-cam.com/video/CgidpaTLQyo/v-deo.html
- ua-cam.com/video/f_0yKuxGViU/v-deo.html
강의 오지게 재밌게 듣고 있습니다. 강의 스타일 목소리 유머 지리십니다. ㄱㅅ
제 인생 최초로 JS 를 이용해 스스로 개발했어요. 닫기 버튼. 🤣 감 격💖 이번 개발로 자신감도 생겼습니다.
제목 네이밍이 너무 좋아요ㅋㅋㅋ 유저 위협하기라니.. 선댓글 후영상 보겠습니다ㅎㅎ
제목이 너무 귀여워요 ㅋㅋㅋ위협 ㅋㅋㅋㅋ
비쥬얼코드에서는 3:30 초 커맨드 E안되는데 혹시 아시는분 있으면 댓글 달아주시면 감사하겠습니다 :)
저도 vscode인데 안되네요 흠
1강에서 브라켓 에디터 사용하신다고 하셨어요. 상단 그림 보시면 [] 모양으로 vscode와 다릅니다. 저거 쓸려면 브라켓 에디터 쓰셔야 되는데 굳이 저거 하나때문에 새로 깔기보단 전 그냥 작성하였습니다.
이런 강의 찾았어요...감사합니다🙏🏻
JS 빠르게 학습해야 하는데.. 최고네요..
이거 정주행하자! 처음으로 자바스크립트를 내가 알아듣게 설명해주는 분을 만나거다!
잘 듣겠습니다 감사합니다 ㅋㅋㅋ
너무 재밌어요!
혹시 구글창에 값 변경을
java script margin 값 변경이라고 적었는데 찾기가 힘드네요 혹시 margin변경값
모아놓은 싸이트있나요??
아니면 검색팀좀...주실뿐
걍 챗지티피한테 물어보셔요
진짜최고..
강의 감사합니다.
숙제:
close
빠른 편집 사용 안 된다고 하는데요. 방법이 있나요?
id 호출시에 큰따옴표로하면 오류가 나는데 왜 작은따옴표로 하면 될까요..? jscript에선 기능이 다를까요..??
늦었지만 코드안에서는 큰따옴표를 중복해서 사용하면 오류가 납니다
HTML과 JavaScript에서 따옴표는 문자열을 나타내는 데 사용됩니다. HTML에서 속성 값을 나타낼 때는 큰 따옴표(")나 작은 따옴표(') 모두 사용할 수 있습니다.
JavaScript에서도 큰 따옴표(")와 작은 따옴표(')는 문자열을 나타내는 데 사용되며, 기능적인 차이는 없습니다.
그런데, HTML 속성 값 내에서 JavaScript 코드를 작성할 때는, HTML의 따옴표와 JavaScript의 따옴표가 충돌하지 않도록 주의해야 합니다.
예를 들어, onclick="document.getElementById("alert").style.display = 'block';" 이라고 작성하면, HTML에서 속성 값을 나타내는 따옴표(")와 JavaScript에서 문자열을 나타내는 따옴표(")가 충돌합니다. 따라서 이 경우 오류가 발생합니다.
이를 해결하기 위해, HTML에서는 큰 따옴표("), JavaScript에서는 작은 따옴표(')를 사용하거나 반대로 사용하여 충돌을 피할 수 있습니다. 예를 들어, onclick="document.getElementById('alert').style.display = 'block';" 또는 onclick='document.getElementById("alert").style.display = "block";' 이런 식으로 작성할 수 있습니다.
감사합니다
ㅋㅋㅋ 왕초보답게.. 혼자하면 못하는군요.. ㅋㅋ id로 안하고 class로 하려고 찾아봤는데.. ㅋㅋ 왜 안되지.. ㅎㅎ; ㅠㅠ ㅠㅠㅠㅠㅠ id로 따라 작성하니.. 되네요.. ㅎㅎ; 으어.. ㄴ알ㄴ 미럄ㄴ ㄹㅇ 이 답답함이.. 결국은 해결되겠죠.. ㅎㅎ; ㅠ
저같은 분이 계셨네요. 아래와 같이 해도 되지만, '아이고 의미없다' 입니다.
```javascript
Alert Box
버튼
```
@@user-yk2lj6dx4x id는 하나의 태그에 유니크하게 할당해야하지만 class는 여러개의 태그에 할당할수 있으므로 해당 class를 가진 태그들이 배열로 반환되며 element's'와 [0] 부분이 핵심이군요! 감사합니다!
3:22 에 하는거 ctrl + e 저는 왜 안되나요??
에디터가 달라서 아닐까요??
버튼
Alert 박스 버튼
세상에서 제일 웃긴 자바스크립트강의..
유저 위협하기 ㅋㅋㅋㅋㅋㅋ
알럴트 x 얼럿o
저만 Cannot GET /index.html 뜨는건가요... ㅋㅋ