웹 공부 - 1일차

10535 단어 공부웹공부

🔪소개및 개요

💎개요

최근에 백준에서 알고리즘 문제풀이하다가 갑자기 딴생각이 들었습니다.
그중에서 "웹도 한번 배워볼까?" 라고 생각이 들어서 바로시작합니다.

원래는 저의 성격상 조용히 아무도모르게 독학해버릴려고했는데,
중간에 포기하지않고, 게으름피우지않고, 복습차원에서 블로그에다가 배운내용을 포스팅할겁니다.

물론 슬슬 학업에도 좀 신경써야하기때문에 개학하면 좀 뜸해지겠지만,
최대한 빡쎄게공부하겠습니다.

위에 n일차는 진짜 n번의 일수동안 공부했다는게 아니라, 공부한 횟수기준으로 가겠습니다. (일수가아니라 공부횟수기준으로 가겠습니다.)

💎참고할 사이트

앞으로 웹 공부를 시작하면서 독학해버릴 사이트를 몇가지 골랐습니다.
그중에서 w3schools, 생활코딩, 홈짱닷컴 여기서 공부하겠습니다.

근데 생활코딩에 머신러닝강좌도 있더군요. 머신러닝도 배우고싶네요.
으...!! 배우고싶은거 너무많아!!!

(근데 아무리그래도 머신러닝은 그냥 책사서 공부하는게 편할것같습니다.)



🔪배운내용

💎html

배운내용
> Tags
> Elements
> Attributes - img, align

<!DOCTYPE html>
<html lang = "ko">
    <head>
        <title>연습용!</title>
        <meta charset = "utf-8">
    </head>

    <body>
        <img src = "37.png" width = "750" height = "500" alt = "Gleipnir">
        <input type = "button" id = "btn1" value = "btn1_test" />

        <h1>h1태그다!</h1>
        <h2>h2태그다!</h2>
        <h3>h3태그다!</h3>
        <h4>h4태그다!</h4>
        <h5>h5태그다!</h5>
        <h6>h6태그다!</h6>
        <p align = "center">p태그다! align은 가운데다!</p>
        이거슨 br테스트다!<br><br><br>
        test!!

        <script type = "text/javascript" src = "javascript.js"></script>
    </body>
</html>

script, h1, h2, h3, h4, h5, h6, p, br
id, value, type, lang, align, img, src, width, height, alt, title, meta, charset
굿!

그리고 실습하면서 처음안 사실인데, script태그는 되도록이면 head부분에다가 두는게 좋겠더군요.
그러면은 body태그내에 든 이벤트들을 원만하게 모두 작동시킬수있더라구요.

💎javascript


alert('test');
var btn1 = document.getElementById('btn1');
btn1.addEventListener('click', function(){
    alert('버튼 눌렸다!');
});

자바스크립트쪽은 이벤트리스너랑 버튼을 배웠습니다.
js문법공부는 따로 알아서하겠습니다.



🔴마치며...

뭔가.. C++처음 헬로월드
프린트하는 기분이네요...ㅋㅋ <- "처음 C++배울때, hello world안한 1인"

오늘은 좀 적게배웠는데, 이미 뇌용량 꽉차서 더배웠다가는 내일 다까먹어버릴것같습니다.
오늘은 이쯤해두고 내일 복습 + Attribute + js문법 더 나가보도록하겠습니다.

코드캠프 Day 13
TIL DAY.44 [코어 자바스크립트] 실행 컨텍스트

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage