css 기본 문법 유용한 사이트 정리

비전공자 개발자 되기 일주일차

머리가 터질것 같다. 이거 잘 선택한거 맞는지 계속해서 의문이 든다

나는 코딩을 배우는 것인가 선생님이 읊는것을 따라 치는것 뿐일까 계속해서 의구심이 든다

국비지원 과정 선택 이전에 1달짜리 선행 과정을 먼저 듣기 정말 잘한것 같다.

혹여나 우연히 이 글을 찾아 들어온 비전공자이면서 개발지식이 전무한 분들은

무조건 혼자 독학이나 짧은 초보자 과정을 먼저 하고 시작하는것을 추천한다

자주 쓰이는 것들

.mytitle {
    background-color: green;

    height: 350px;
    width: 100%;

    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://");

    background-position: center;
    background-size: cover;

    color: white;

    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;

}

가장 자주 쓰는것들을 모아놓았다고 하셨으니 꼭 기억 해 두자.

아직 희망의 끈을 놓지 않고 있는 이유는 복붙의 달인이 되면 된다는 점

눈에 익숙해 지는게 먼저고 절대 외우려 들지 말라고 말씀하신 점.

근데 눈에 안들어오니까 좀 짜증난다

폰트 바꾸기

구글폰트 사이트 이용

원하는 폰트를 선택 한 뒤에

3개 링크중 마지막것과 맨 아래것을 복붙 해주면 된다.

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
          integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
            integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
            crossorigin="anonymous"></script>

    <title>스파르타코딩클럽 | 부트스트랩 연습하기</title>
    <link href="https://fonts.googleapis.com/css2?family=Jua&display=swap" rel="stylesheet">
    <style>
        * {
            font-family: 'Jua', sans-serif;
        }

위치는 <head></head>사이

첫번째 링크는 <title></title> 아래에 붙여 넣고

두번째는 <style>안에 *과 {}안에 넣어 준다

CSS 템플릿

부트스트랩 bootstrap 사이트를 이용하여

다양한 제작물들을 복붙 한방으로 해결 할 수 있다.

숙제가 재밌긴 한데 진짜 눈 빠질것 같다

자바스크립트를 살짝 맛봤는데 지옥인것 같다 뭔말인지 1도 모르겠다.

나름 어릴때 공부 잘했던것 같은데

한 십여년 뇌를 안써서 그런지 돌대가리가 된것 같다

다음주는 좀 나으려나

'삶 > 정보모음집' 카테고리의 다른 글

javascript 자바스크립트 입문 (0)	2022.11.17
개발자 노트북 코딩용 권장 사양 (0)	2022.11.15
비전공자 개발자 코딩 k-디지털 기초 역량 훈련 (1)	2022.11.08
서울시 청년 이사비 지원 사업 소개 (0)	2022.10.06
서울 전입청년 웰컴박스 신청 방법 서두릅시다 (0)	2022.10.02

멍구로운하루

css 기본 문법 유용한 사이트 정리