생활코딩

Coding Everybody

WEB1 - HTML & Internet

커버 생활코딩 > WEB > WEB1 - HTML & Internet

 

 

 

 

---

 

 

우리는 지금부터
코딩

인터넷
컴퓨터라는
거대한 주제에 대한 탐험을 시작할 거예요.

 

까나리존스

 

이 여행을 시작하기에 앞서서
한가지 준비가 필요한데요.
바로 우리들의 상상력입니다.

지금부터 여러분은 자신을
남의 문제를 통해서
코딩을 배우려는 학생이 아니라

나의 문제를
코딩으로 해결하려는
엔지니어라고 상상해주세요.

Anbu

그럼 어떤 문제를 해결하면 좋을까요?


글쎄요.
각자가 해결하고 싶은 문제가 다를 거예요.
또 해결하고 싶은 문제가 아직 없을지도 모르고요.
그래서 저는 제가 해결하고 싶었던 문제를
여러분에게 빌려드리겠습니다.

여러분은 7년 전의 제가 되어서
제가 해결하고 싶었던 문제를
함께 해결해봅시다.

여기서 중요한 것은
이해력보다
공감력입니다.

7년 전에 제가 직면 했던 문제가
저에게 얼마나 중요한 문제였을지를
최대한 과장해서 느껴주셔야 합니다.

어떤 문제가
우리 삶에서 중요하고 심각할수록
그 문제를 해결해주는 공부는
문제로부터 우리를 해방시켜줄 것입니다.

반대로
그 문제가
우리 삶과 동떨어져 있고,
사소할수록

공부자체가 삶의 문제가 되어서 
우리를 해방시키기는 커녕
억압할 것입니다. 

저는 자신의 뇌를 이기는 장사는 없다고 생각해요.
공부의 효용을
뇌에게 자주 증명해 보인다면
우리의 뇌는 공부를 좋아하는 뇌가 될 것입니다.

공부를 좋아하게 된다면
노력하지 않아도 우리는 공부 거리를 찾게 될 것입니다.
자연스럽게 시간이 흐를수록 실력도 좋아질 것이고요.

저는 이 수업이 지식을 알려주는 수업이 되는 것도 좋겠지만
공부와 친해지는 계기가 되었으면 좋겠습니다.

그럼 출발하겠습니다.

 

 

---

 

 

 

수업을 보는 다른 방법

Youtube 재생목록으로 바로가기

 

 

 

 

수업을 다운로드 받기

https://www.dropbox.com/sh/1lcdk7b478smk69/AAC8C8btFdVKcKbVQFm57F4ua?dl=0

다운로드 받은 후에 웹브라우저 파일 열기로 index.html 파일을 실행하면 오프라인에서도 공부할 수 있습니다. 

 

 

 

수업이 끝나고 할 수 있는 것

아래는 지식 지도입니다. WEB1을 끝내면 이렇게 많은 일을 할 수 있는 힘이 생깁니다. 

 

 

 

전체 수업 시간

30개의 동영상, 4시간 정도의 재생시간을 가지고 있는 동영상 수업입니다. 글이 편한 분을 위해서 글로 된 수업도 제공하고 있습니다.  

 

 

 

진도표

적당한 진도와 함께 공부할 동료를 소개해드립니다. 

https://yah.ac/yahac3

 

 

 

수업소식

아래 채널에 구독하시면 새로운 온/오프라인 수업이 있을 때 알려드립니다. 

 

 

 

수업의 저작권 정책

이  수업은 많은 사람의 노력으로 

누구나 
비용없이 공부할 수 있고
허락없이 수정할 수 있고
계약없이 배포할 수 있는 

순수한 공공재로 만들어졌습니다. WEB1의 모든 내용과 이미지에는 저작권이 존재하지 않습니다. 원하는데로 이용하시면 됩니다.  WEB1의 주역들 보러가기

 

 

 

WEB1 강의가 책으로도 나왔습니다.

수업이 책으로도 나왔습니다. 책을 구입하시면 인세가 비영리 단체 오픈튜토리얼스에 후원금으로 사용됩니다.
(교보, 알라딘, yes24, ebook)

 

댓글

댓글 본문
  1. 산불
    25. 11. 18. 시작입니다.
  2. 1234567890
    25-11-05 시작 올라잇!
  3. 김큼이
    25.06.19 시작
  4. 김진세
    25.05.27 시작
  5. Sansol Park
    안녕하세요! 생활코딩 WEB-1 수업을 들으시며 겪고 계신 문제를 해결해 드리겠습니다.

    웹에서 복사한 내용을 VS Code에 붙여넣으면 줄바꿈이 사라지고 한 줄로만 보이는 문제는 HTML의 특성 때문입니다. HTML에서는 기본적으로 여러 개의 공백이나 줄바꿈을 하나의 공백으로 처리합니다.

    이 문제를 해결하는 방법은 다음과 같습니다:

    1. **줄바꿈을 위한 `<br>` 태그 사용하기**:
    HTML에서 줄바꿈을 표시하려면 `<br>` 태그를 사용해야 합니다.

    예시:
    ```
    첫 번째 줄입니다.<br>
    두 번째 줄입니다.
    ```

    2. **단락을 나눌 때는 `<p>` 태그 사용하기**:
    문단 단위로 나눌 때는 `<p>` 태그로 감싸면 됩니다.

    예시:
    ```
    <p>첫 번째 문단입니다.</p>
    <p>두 번째 문단입니다.</p>
    ```

    3. **VS Code에서 코드를 보기 쉽게 정렬하기**:
    VS Code에서는 Alt+Z(Windows) 또는 Option+Z(Mac)를 누르면 텍스트 줄바꿈(word wrap) 기능을 켜고 끌 수 있습니다. 이 기능을 활성화하면 화면에 보이는 텍스트가 창 크기에 맞게 자동으로 줄바꿈되어 보기가 편해집니다.

    웹에서 복사한 내용을 HTML 페이지에 그대로 붙여넣으시면, 브라우저는 줄바꿈이나 여러 공백을 무시하고 렌더링합니다. 줄바꿈이 필요한 곳마다 `<br>` 태그를 넣어주시거나, 문단별로 `<p>` 태그로 감싸주시면 원하시는 대로 표시될 것입니다.

    혹시 더 구체적인 도움이 필요하시면 말씀해 주세요!
    대화보기
    • 구루구루
      선생님~ 질문이 있는데요, 지금 WEB-1 수업 9에서 줄바꿈을 공부하고 있는데요~저는 웹에서 검색을 해서 내용을 복사해서 VS code에 붙혀 놓으면 선생님 처럼 내용이 다 보여지지 않고 한 줄로만 이어져서 줄바꿈이나 내용을 다 볼수가 없는데 이럴때는 어떻게 해야 하는지 모르겠습니다. 답답하네요 ㅠㅠㅠ
    • 운이
      25.03.24 시작
    • 김태윤
      25.03.22 시작
    • 코린이
      25.02.29 시작
    • 25.02.09 start
    • 마곡독거남
      25.02.07 시작
    • 코테마스터
      25.01.21 시작
    • 코딩초
      25.01.18 시작!
    • 코딩거부기
      25.01.16 시작
    • 딴니
      25.01.08
    • 계란툭삐약
      25.01.07
    • 댕그랑
      25.01.03 Start
    • 결이
      25.01.02 완료
    • 포멜로
      2024.12.26
    • MyMelody
      현재 정보보호 컨설턴트입니다. 기본기가 약해서 배워보고자 합니다. 하고자 하는 의지가 안꺾였으면 좋겠습니다.

      start. 2024.12.19
    • 또요
      용기를 가지고 시작해봅니다!
    • 시작해 보자. 고맙습니다. 매리크리스마스
    • 루카리오
      열심히 해봐야지
    • 와 이런 정보를 공유해주시다니.. 정말 감사합니다 열심히 해보겠습ㄴ지다
    • Oreo
      2024.11.15 Start
    • 시작
    • 두철
      24.11.14 시작
    • 전쓰민티
      시작
    • Kimluna
      121024 10:44 시작
    • 리아에오
      2024.10.03 리아 스터디 시작
    • Steve
      2024.10.02 시작
    • DevilOper
      24.09.20 19:27 항해 시작!
    • Asension
      24.09.20 시작
    • 냠냠개발자
      24.09.09.
    • huchuxip
      Hello World!
      -2024.09.01
    • 후니(루트)
      인프런 통해서 강의 듣다가 알게외어 들어왔습니다!

      오늘(24.08.26)부터 시작합니다! 감사합니다.
    • gladisaac
      찍먹 시작합니다~
    • 호록이
      책으로 학습하다가 넘어왔습니다. 잘 부탁드립니다!
    • name_1241
      2024년 07월 30일 시작합니다.
    • 스트롱베리
      시작합니다
    • yeeun4155
      시작합니다.
    • 나무처럼
      시작합니다.
    • SOMM
      24.7.15 시작합니다
    • 공상
      24.7.14 시작합니다
    • 김동욱
      24.07.08 시작
    • 24.07.08 시작합니다
    • 24.07.05 시작
    • Starter
      24.06.29 start!
    • 웅이
      24.06.27 시작입니다.
    • 남윤서
      24.06.19 시작입니다