본문 바로가기

JS, TS

[부스트코스][BoostCourse] 3. 웹과 Javascript(2/2) (콘솔, 이벤트, 데이터 타입; 문자열과 숫자, 변수와 대입연산자) 본 게시글은 생활코딩 강의를 듣고 정리한 글입니다 이벤트 이벤트는 웹 브라우저에서 일어나는 유용한 사건을 말한다 사용자가 태그가 출력된 영역에 키를 입력하거나 마우스를 클릭하면 이벤트가 발생하며, 이벤트는 해당 태그에 전달된다 콘솔에 이어 이번엔 이벤트를 이용하여 JS를 실행시켜보자 버튼을 클릭하여 경고창을 실행시키는 이벤트를 만들고 싶다면 어떻게 해야할까? 다음 코드처럼 그 버튼을 눌렀을 때 어떤 동작이 실행되도록 하는지 지성하는 속성인 onclick에 JS 코드를 넣어보자 이는 onclick 속성으로 가능한 일이다 onclick이 포함된 태그가 클릭되었을 때, 이 JS 코드에 따라 웹 브라우저가 동작하는 것이다 이와 같은 이벤트가 있다면, 이벤트에는 어떤 종류가 있는 것일까? 이는 총 10~20가지 .. 더보기
[부스트코스][BoostCourse] 2. 웹과 Javascript(1/2) (JS의 역할 / script 태그) 본 게시글은 생활코딩 강의를 듣고 정리한 글입니다 Javascript의 역할 우리는 웹 페이지가 html, css, JS 등으로 이루어진다는 것을 어느정도 알고 있다 html, css로 페이지를 구성하고 꾸민다면 JS는 무슨 역할을 하는 것일까? html은 한 번 출력되면 그 모양이 바뀌지 않는다 그리고 JS는 이 정적인 웹 페이지를 동적으로 사용자와 상호작용하게 한다 이 세상의 모든 웹페이지가 JS 없이 html로만 만들어진다면, 우리는 페이지마다 한 내용만 볼 수 있는 책을 읽는 것이나 다름없다 우리가 필요한 내용의 주소들을 모두 숙지해야 할 것이며, 그 페이지에서 더이상의 정보를 얻을 수 없을 것이다 예를 들어 다음 코드를 적용시켰다고 하자 그렇다면 우리는 night 버튼을 눌렀을 때 다음처럼 바뀌.. 더보기
[부스트코스][BoostCourse] 1. 서포터즈 3기 활동 시작 (자바스크립트의 시작 OT) 웹 개발에 흥미가 생겨 위의 서포터즈 3기에 지원을 하였다 무엇보다 강의를 듣고 습득할 수 있는 계기를 심어주는 데서 좋은 활동인 것 같고, 활동혜택까지 충분히 구미가 당겼다 그렇게 나의 웹에 대한 흥미, 블로그 등을 기재하며 신청서를 작성하였다 그리고 감사하게도 합격 이메일이 왔다 본 강의는 무료 강의, 유료 코드리뷰, 무료 퀴즈로 구성되어있다 수강생의 토론 게시판도 따로 개설되어있어서, 모두가 잘 활용한다면 정말 좋은 학습 플랫폼이 될 것이라고 생각한다 강의자는 "생활코딩"님이시다 유투브로 생코님 강의를 많이 봤었는데 부스트코스에서 뵈니 또 새로운 느낌이였다 현업 종사자 분들의 강의도 좋지만 생코님이시라서 상당히 기대된다 위와 같이 이수과정도 간단히 소개되어있었고 학습 전 설문으로 OT가 마무리되었다.. 더보기