퇴사 후 창업준비, 스파르타 웹개발 종합반 1주차 강의 정리 및 후기

시대 흐름에 맞는 자기계발을 놓치지 않기 위해 가볍게 도전해 볼 수 있는 것이 무엇이 있을까 고민하다가 웹개발을 선택했다. 

예전부터 코딩에 관심이 무척 많았고 직접 웹사이트를 만들어 결과물을 만들어낸다면

1. 내가 원하는 사이트를 만들어 판매도 할 수 있겠다는 생각이 들었다. 

2. 그리고 티스토리 광고 삽입할 때에도 분명히 효과가 있을 것 같다. 

3. 연습하다보면 나만의 창작물이 포트폴리오가 되어 훗날 취업에도 도움이 될 것 같다.

 

코딩을 이제서야 배우는게 조금은 뒤처지는 감이 있지만 그래도 모르는 채로 있는 것보다는 훨씬 낫지 않을까?

 

첫째날 부터 너무 많은 영어 단어에 굉장히 혼란스러웠지만

확실히 한주간 계속 접하다보니 조금 익숙해졌다. 

강사님도 (안쉬운데) 자꾸 쉽다, 어렵지않다 얘기해주셔서 그런지 내 마인드도 '그래 이건 어렵지 않은거야' 라고 자연스럽게 받아들이게 되었다.

재미있는 외국어를 하나 배우는 느낌이다. 

프랑스어 배울 때 '봉쥬르~ 오흐부아' 이런 기초단어 배우는 느낌이랄까.

 

1주차에 배우는 내용은 기본 개념과 실습이다. 

1. 서버/클라이언트/웹의 동작 개념

네이버 웹페이지 해킹해보기, 웹의 동작개념 

1) Html : 뼈대

html은 head와 body로 나뉜다 

2) CSS : 꾸미는 거(폰트, 로고 등)

div는 하나의 박스를 의미한다

3) 자바스크립트 : (움직이기)

*JAVA와 아예 다른 것

프로그래밍언어 5개

변수 : 값을 담는 것

자료형 : 숫자, 문자

함수 : hey()

조건문 : if() else()

반복문

 

tip!

*(Mac용) command+option+l 

*tab 줄정렬

*글자 가운데 정렬 시킬 때

세가지 항상 같이 다님

1. background-image: url("https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg");
2. background-size: cover;
3. background-position: center;

*박스를 가운데로 하고 싶다 margin 10px auto 0px auto

 

*구글폰트

https://fonts.google.com/?subset=korean

*주석달기

command +/

풀기

ctrl/command+/

*이모티콘

https://kr.piliapp.com/facebook-symbols/ 

 

1주차 숙제

 

혼자 했냐고?

당연히

해설보고 했다. 

혼자서 방법을 다 기억해내려니 시간이 너무 오래걸리더라. 

강사님 따라하면서 하니까 잘되는데 혼자하면 부트스트랩에서 박스하나 찾는것도 어렵더라. 

언젠가 익숙해지겠지??..

 

1주차 연습 

 

처음 이렇게 화면에 떴을 때 정말 신기하고 호기심 한가득.

그런데 이렇게 간단한 화면 사이트인데 코딩언어가 어마어마한데 네이버 화면은 도대체 어떻게 이루어져있는거지...??

 

하루하루가 인생의 도전인 요즘, 

이 강의를 통해서 남은 4주 후 웹 개발에 조금이라도 더 흥미를 가지는 결과가 되길 기대해본다.