코딩 일지 (24. 4. 13.토)

 

https://www.youtube.com/@codingapple

 

유튜버 코딩애플의 자바스크립트 기초 재생목록을 보고 공부해보았다.

brakets 에디터를 이용하여 HTML, CSS의 여러 문법을 사용해보는 강의였다.

내용은 HTML에 글씨 쓰기, CSS접목시키기, 버튼 만들기, 함수(function) 사용해보기, eventlistner 사용해보기 등이 있다.

 

1. 기초 태그들의 뜻 알아보기

기본적으로 사용되는게 html, head, body, div, script가 있었다.

이것들은 태크라고 부른다.

아래에는 내(초보)가 이해한 내용을 적어보았는데 당연하게도 정확한 내용은 아니다.

○ html은 웹페이지에 어떤 작업을 한다는 뜻이다.

○ head는 이 파일에 어떤 큰 바탕이 되는것들을 정하는 구간이다. 예를들어 인코딩 방식이라던지 html문서의 제목이라던지 css를 해당 html에 접목시킨다던지 등이 있다.

○ body는 본격적으로 코딩을 하는 구간이다. body 내부에 script나 div 등의 태크를 사용하면 된다.

○ div는 CSS를 불러오는데 사용된다.

○ script는 함수 등을 생성하는 곳이라고 보면 된다.

대충 뜻만 이해하면 코딩하면서 자연스럽게 이해될듯 하다.

 

2. 간단한 문법들

5강 중반까지 강의한 내용이다.

헤드의 내용들은 따라쓰기만 하면 되고 초보가 생각할만한 내용은 없었다.

바디에서는 div를 이용해 CSS를 불러왔고, 버튼을 이용해 CSS를 보이게 하거나 안보이게 하는방법을 배웠다.

function을 이용하는 방법도 배웠다.

addEventListener를 이용하여 이중 함수를 사용하는 방법도 배웠다.

 

3. jQuery 라이브러리 배우기

여러 문법들을 간단하게 쓸 수 있게 하는 라이브러리인 제이쿼리에 관한 간단한 설명을 들었다.

필자는 우분투를 사용중이라 터미널을 이용해 설치하였다.

sudo apt install libjs-jquery

sudo apt-get install nodejs npm

sudo npm install jquery

세 명령어로 제이쿼리를 다운로드 받았는데 적용이 안된다..

뭔가 방법이 있을텐데 더이상 역경을 겪지 말고 윈도우나 다운받아야겠다.