스파르타 해적단 웹트랙 Lv.1 2주차

스파르타 해적단 웹트랙Lv.1 2주차 강의다.

 

이전 1주차와 마찬가지로 이번엔 배포까지 웹종반에서 했던걸 반복숙달하는 과제였다.

1주차에 만든걸 CSS로 꾸미고-> javascript로 반응하게 하고-> Amazon Elastic Beanstalk로 배포하는 과정을 담았다.

 

이전 강의와 같았지만 좀 더 팁이나 새로운걸 배운 부분을 쓰자면

 

CSS

css로 꾸밀 때 로컬 호스트 개발자 환경에서 꾸며주며 테스트 해본뒤 style 코드만 복사해서 가져와서 쓰는 모습을 볼 수 있었다.

아주 편하고 효율적인 방법이라 생각했다.

 

javascript

javascript에서 흥미로웠던 내용은 javascript가 맞는가 싶지만 코드를 이용해 모바일이나 태블릿 환경 반응에 대응하도록 코드를 짤 수 있다는 사실이었다.

@media screen and (max-width: 700px) { #width가 700px보다 작을 때 아래 스타일 실행
            .card{
                margin: 16px auto;
                width: 300px;
                height: 300px;
            }
            .card>span{
                margin: 4px;
            }
            .card-title, .period, .tags{
                font-size: 12px;
            }
        }

위와같은 코드로 사용자가 보는 화면의 크기가 줄어들었을 때 아이템들의 간격이나 크기, 거리 등을 조절해 더 보기편한 UI를 구성할 수 있었다.

 

뒷 부분의 아마존에서 배포하는 부분은 웹종 5주차 강의를 복습하는 느낌이었다.

5주차 강의 개발일지↓↓↓

https://codeplace.tistory.com/7

스파르타 5주차 코딩 API, 미니 프로젝트, AWS

웹종을 후다닥 끝내고 아직 익숙하지 않아 잊혀져가던 기술들을 다시 다룰 수 있는 기회였다.

역시 복습은 중요하다고 느낀 웹트랙 1Lv이었다..

 

웹트랙 Lv.2도 준비해야겠다.

 

웹트랙 덕에 SQL이 밀려버렸다... 다음 글은 SQL3주차 개발일지다!