본문 바로가기
카테고리 없음

스파르타코딩클럽

유상민 2022. 11. 18. 12:04

11/17

웹퍼플리싱 이제 듣기 시작했다. 

    1. HTML 기초
    • HTML은 크게 head와 body로 구성되며, head안에는 페이지의 속성 정보를, body안에는 페이지의 내용을 담습니다.
    • head 안에 들어가는 대표적인 요소들: meta, script, link, title 등</aside>
    • <aside> 👉 페이지의 속성을 정의하거나, 필요한 스크립트들을 부릅니다. 즉, 눈에 안 보이는 필요한 것들을 담는 것. 나중에 body 작업을 하면서 필요한 정보들을 넣어보겠습니다.
    • body 안에 들어가는 대표적인 요소들!
      • [코드스니펫] HTML 기초
      • 나는 구역을 나누죠
        • bullet point!1
        • bullet point!2
        h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요.h3~h6도 각자의 역할이 있죠. 비중은 작지만..
        a 태그입니다: 하이퍼링크
        img 태그입니다:
        input 태그입니다:
        button 태그입니다:
        textarea 태그입니다:
      • h2는 소제목입니다.
      • 나는 문단이에요
      <aside> 👉 이 외에도 아주 많으며, 개발자들도 모두 외우고 있지 않습니다. 필요할 때마다 찾아서 넣어보세요! 코딩은 구글링이 필수랍니다!<aside> 👉 잠깐! 정렬의 중요성 코드의 정렬이 제대로 되어있지 않으면, 코드의 생김새를 파악할 수 없어 오류를 해결하기가 무척 어려워집니다. VSCode에선 ctrl+K+F(맥은 cmd+K+F)로 자동정렬이 가능하답니다!
    • </aside>
    • </aside>
    1. CSS 기초
    • 무언가를 꾸미려면, 일단 가리켜야 가능한 일! 자주 쓸 CSS들을 미리 배워볼게요.[주의] 계~속 나올거니까, 외우지 못해서 걱정하지 마세요! 코딩 절대로 외우는 것 아닙니다! 찾아서 쓰는 거예요!
      1. 태그를 바로 가리켜서 꾸며주기
      2. h1 { color: red; }
      3. 이름표를 붙이고 꾸며주기
        1. 우선 div로 구역을 나눠주고 실습할게요!
        <div class="box">
    <div>첫 번째 구역</div>
    <div>두 번째 구역</div>
</div>
        1. 눈에 보이지 않았던 '구역'에 색을 칠해줍니다!
    • </aside>
    • <aside> 👉 <head> ~ </head> 안에 <style> ~ </style> 로 공간을 만들어 작성합니다. 아래 코드를 통해 간단한 사용 방법을 알아봅니다.

 

오늘은 특강만듣고 거의 공부를 하지못하였다

김장을 저녁부터 게속 하느라 도와드린다고 

내일 프로젝트 한다고 하는데 조금 긴장이 된다

팀이 바뀐다고 하는사람도있고 안바뀐다고 하는사람도 있는데 어떻게 될지 모르겠다

벌써 팀이 바뀌는건 너무 빠른거아닌가..ㅠ

티스토리툴바