1일차: 기본으로 돌아가기

2494 단어 html100daysofcodecsswebdev

나의 여정을 시작하다



오늘 저는 #100DaysOfCode 여행을 시작하게 되어 매우 기쁩니다! 앞으로 몇 달 동안 저의 주요 목표는 JavaScript와 VueJS 및 NodeJS와 같은 몇 가지 프레임워크를 배우는 것입니다. 내가 그 일을 하는 동안 나는 HTML과 CSS에 대한 내 지식을 새롭게 하는데 시간을 할애할 것이라고 생각했습니다. 최근 작업의 대부분이 Java와 같은 OOP 언어로 이루어졌기 때문에 몇 년 동안 사용하지 않았습니다.

오늘의 기여



오늘 저는 새로운 리포지토리를 설정하고 매우 기본적인 사이트를 만들었습니다. 대부분의 시간은 내일 좀 더 심층적인 스타일을 추가할 수 있는 기본 HTML을 설정하는 데 사용되었습니다.

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="styles.css">
    </head>
    <body>
        <h1>Day 1 of 100</h1>
        <div id="container">
            <div id="left-side">
                <p>Super excited to be starting my #100DaysOfCode 
Journey! I hope to get a good refresher 
on my knowledge of HTML and CSS and 
take a deep dive into JavaScript.
                </p>
            </div>
            <div id="right-side">
                <p>New things I hopt to Learn</p>
                <ul>
                    <li>Base JavaScript</li>
                    <li>NodeJS</li>
                    <li>REST API</li>
                    <li>VueJS</li>
                </ul>
            </div>
        </div>
    </body>
</html>




h1{
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 48pt;
    background-color: rgb(23,23,23);
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    padding: 40pt;
    padding-left: 220pt;
    padding-right: 220pt;
    border-radius: 10pt;
}

body{
    background-color: black;
    color: white;
}

지금까지는 매우 기본적인 웹 페이지이지만 앞으로 몇 주 동안 이를 확장하고 더 많은 콘텐츠와 스타일을 추가할 수 있기를 바랍니다. 프런트 엔드 개발을 한 지 꽤 시간이 흘렀기 때문에 기억을 되살리고 그 과정에서 새로운 것을 배우는 데 시간을 할애하고 싶습니다. 바라건대, 이것이 JavaScript로 작업하는 데 대부분의 도전을 할 수 있는 훌륭한 기반을 제공할 것입니다.


m-mcneive / 100일 코드


#100DaysofCode 챌린지. 자바스크립트에 중점을 둔 프론트엔드 개발 학습.





100일 코드


#100DaysofCode 챌린지. 자바스크립트를 중심으로 프론트엔드 개발을 배웁니다.


View on GitHub
CSS 전투: #3 - 푸시 버튼
Jetpack Compose용 간단한 텍스트 편집기 라이브러리 만들기 시작

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

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