상세 컨텐츠

본문 제목

2023년 4월 12일

프론트앤드 부트캠프/회고록

by 코린’s 2023. 4. 12. 21:49

본문

728x90
반응형
어떤 분야에서든 유능해지고 성공하기 위해선 세 가지가 필요하다. 타고난 천성과 공부 그리고 부단한 노력이 그것이다.

To become an able and successful man in any profession, three things are necessary, nature, study and practice.



오늘은 수업 2일차 

아직은 기초단계라 큰 두각을 나타낸 이렇다할 프로젝트가 없지만 

기초를 다지며 사이드로 프로젝트를 해야할 것을 찾아봐야겠다.

 

공부하며 그때 그때 내가 잊어 버리지 않도록  DAY 카테고리에 시간과 수업 순서에 따라 정리본을 올리고

회고록 카테고리에는 내가 이해하기 힘들었던 부분이나  중요한 부분을 따로 올려야겠다!!


Tree structure _ 트리 구조

  • HTML 문서 시작
    • html
      • head
        • title : Page title
      • body
        • h1 : Hello world
        • div : Contnts here
          • span : Here too!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <!-- <div> 줄 바꿈 가능 -->
    <div>안녕하세요</div>
    <div>안녕하세요</div> 

    <!-- <span> 줄 바꿈 불가능 -->
    <span>안녕하세요</span>
    <span>안녕하세요</span>
    
    <!-- <span> 줄 바꿈 가능 -->
    <section>안녕하세요</section>
    <section>안녕하세요</section>

    <!-- img 링크를 통한 이미지 첨부 -->

    <img src="data:image/jpeg;base64,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" alt="">

    <!-- a Link 기능 -->

    <a href="https://www.codestates.com/">코드스테이츠</a>

    <!-- ul & li 리스트와 리스트에 속한 아이템 카운트 안됨 숫자 표시 안됨 -->

    <ul>

        <li>하나</li>
        <li>둘</li>
        <li>셋</li>

    </ul>

    <!-- ol & li 리스트와 리스트에 속한 아이템  카운트 숫자 표시 됨-->

    <ol>

        <li>하나</li>
        <li>둘</li>
        <li>셋</li>
    
     </ol>

     <!-- input Text, Radio, Checkbox 입력받는 기능 -->

     <!-- Text -->
     <input type="text" placeholder="type">

     <!-- Radio -->
     <div>
        <input type="radio" name="choice" value="A">A
        <input type="radio" name="choice" value="B">B
        <input type="radio" name="choice" value="C">C
     </div>

     <!-- textarea -->
     <textarea></textarea>

     <!-- Checkbox -->
     
     <div>
        <input type="checkbox" checked> checked
        <input type="checkbox"> unchecked
     </div>


</body>
</html>

코드 순차적 기능

 

728x90
반응형

'프론트앤드 부트캠프 > 회고록' 카테고리의 다른 글

Section 2 회고 블로깅  (0) 2023.06.08

관련글 더보기