코딩배움일지/Web 구현

Web 6일차 4(선생님과 함께하는 Oven clone page)

karatejin 2022. 12. 27. 12:55

pinterest 디자이너 들이 많이 본다.

미리캔버스

velog

커리어리

Notion 노션 : 업무 협업

photoshop 을 다룰줄 알아야 한다. 난 돈이없다. 사줘 ㅈㅂ

stack overflow : 전세계 개발자들. 영어를 잘해야 한다. 살려줘

토스 클린코드

 

원하는 로직을 빠르게 찾으려면

응집도: 학생 라는 동작을 해야한다면. 학생 일때만 작동하게 하고 아들은 아니다..

 

단일책임 : 이름에 맞는 기능만 하게 해야함

 

추상화 : 사람

 

당장 몰라도 되는 디테일은 뭉치자

 

코드파악에 필수적인 핵심 정보는 뭉치면 안된다.

 

추상화....

소 정밀화 -> 에서 기본만 남기고 소인 줄 알게

 

메소드명 단일책임: 매우 중요함.

 

html

<footer class="container">
        <address>
            <div class="left-f">
                Oven <a href="#">
                    서비스 이용약관 및 운영원칙
                    </a>
                    <a href="#"><strong>개인정보처리방침</strong></a>
                    <div class="right-f">
                        <small style="font-size: 12px;">ⓒ 2015-2016 Kakao Corp.</small>
                    </div>
            </div>                    
        </address>
    </footer>

 

css

footer{
    
    border-top: 1px solid #ccc ;
    justify-content: center;
    display: flex;
    height: 61px;
}

.right-f{
    margin-left: 600px;
    float: right;
}
address{
    margin-top: 20px;
    font-style: normal;
}

input[type="radio"]{
    display: none;
    cursor: pointer;
}

input[type="radio"]:checked{
    background-color: antiquewhite;
}

 

전체