11일차 내일배움캠프 개발일지

벌써 3주차 시작이라니 믿기지가 않습니다...

 

안녕하세요. 간무징어입니다.

크리스마스를 보내고 오니 정말 오랜만에 글을 쓰는 기분이 듭니다.

 

사실 어제 일요일마다 듣는 C#으로 Unity 개발하는 학원 수업이

크리스마스로 인해 휴강을 하게 되었습니다.

 

그래서 잘 쉬었냐고 물으신다면... 아뇨 쉬진 못했답니다.

평일 오전부터 밤까지 수업을 들어서 돈은 언제벌지하는 생각을 하다가

잠을 설쳤습니다 하하핫,,,

그런데 그런 와중 이런 발상을 했습니다.

...

아! 새벽에 돈을 벌면 되겠구나

 

 

 

 

저는 생각이 들면 바로 실천에 옮기기 때문에

사실 미친 짓이지만 돈을 벌지 않고 먹고 살 수는 없는 세상이기에

하고 싶은 공부를 하기 위해

15군데 지원을 하니 한 곳에서 연락이 와

오늘 아르바이트 면접을 보고 왔습니다.

 

평일 5일 간 새벽에 7시간씩 일을 하는 곳입니다.

뽑히게 된다면 새해 부터 돈을 벌 수 있게 되겠군요.

잠을 3시간 밖에 잘 수 없다는 건 왜 생각 못하는거지

 

어쨌든 오늘은 어떤 개발 공부를 했을까요?

저번 주에 진행했던 인스타그램을 수정 보완하는 작업을 했습니다.

 

...

 

다만 수정과 보완을 거듭하면 점점 늪에 빠지는 기분이 들었습니다.

미디어 쿼리를 사용하여 좀 더 동적인 요소를 추가하는 것이었는데

생소한 것인지 아직 서툰 것인지

마음에 들지 않아서 지워버렸습니다.

 

처음부터 다시 해보자는 생각으로 다른 교육생들이 참고를 한 사이트를

자세히 보기로 했습니다.

 

https://www.w3schools.com/html/html_responsive.asp

https://www.daleseo.com/css-media-queries/

화면 크기를 늘리면 데스크탑 화면으로, 화면 크기를 줄이면 모바일 화면으로 보이게 하는 것을

표현하려면 div를 따로 만들어서 묶어주고

css를 통해 display를 none으로 설정하여

모바일 상황에선 데스크탑 div가 보이지 않도록 하는 등의 방법을 사용하는 것입니다.

 

설명을 듣고 아... 했지만 막상 처음부터 나 혼자 다시 해보라고 하면

할 수 없다는 것을 알기 때문에

스스로 연습하면서 내 것으로 나중에 내 것으로 만들겠다고 다짐했답니다.

@media (min-width: 901px){
    #top-container, #footer {
       visibility: hidden;
    }
    #container{
        width: 40%;
        border : 2px solid lightgrey;

    }
}

교육생 중에는 css를 구성할 때 이렇게 visibility를 이용한 분도 있었습니다.

아래의 4가지 값을 가지며, 기본 값은 inherit 입니다.

• visible: 보임
• hidden: 숨김
• collapse: 겹치도록 지정
• inherit: 부모 요소 값 상속

데스크탑, 모바일 화면에 따라 다르게 나옴

 

viewport 설정은 했지만 아직 불안정하고 데스크탑에서 뿅하고 튀어나오는 구성은 못한 나의 인스타그램

 

그럼 오늘은 여기까지 적겠습니다.

 

bye~ 내일봐요~!