1주차 웹첫시작 개발 일지

주로 익힌 내용

-HTML, CSS, Javascript의 역할과 주요 태그및 코드에 대해 배웠다.
01.HTML
역할: 구역과 텍스트를 나타내는 코드
구성:head(속성정보, 눈에 보이지 않는 것), body(페이지 내용)
주 활용태그:
-div태그: 영역을 정의하거나 구분하는 태그

-a 태그: 하이퍼링크 연결 태그(<에이 href ="링크">링크문구</에이>")
-img 태그: 이미지 태그(<이미지 src ="링크"/>
-p 태그: 문단 작성 태그(<피> 나는 문단이예요 </피>)
-span 태그: 특정 글자를 꾸밀때 사용
-그외 input, button, textarea 태그 등이 있었다.
단축키:
-자동정렬 기능: ctrl+alt+L (맥은 cmd+alt+L)

02.CSS:
역할: 특정 구역을 꾸며줌

이용방법: HTML 코드 내에 CSS 파일을 불러와서 적용함, <헤드> ~ </헤드> 안에 <스타일> ~ </스타일> 로 공간을 만들어 작성
활용방법: 예쁜 CSS를 미리 모아둔 bootstrap 활용도 좋음

주 활용코드:

사이즈
width
height

배경관련
background-color
background-image
background-size

폰트
font-size
font-weight
font-famliy
color

간격
margin - div영역 바깥 간격 
padding- div영역 안쪽 영역

03.Javascript
역할: 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어
활용: 변수&기본연산, 리스트&딕셔너리, 기본 함수(조건문, 반복문 등)들
활용 코드:
&&:and 조건
||:or 조건

새롭게 배운점

코딩은 외국어를 숙달하는것 처럼 외울것도 많고, 단지 막막하게만 느껴졌었다.
하지만 기본적인 구조만 파악하고, 이후 간단한 프로젝트에서 활용하면서 모르는게 있다면 필요할 때마다 찾아서 익혀갈 수 있겠다란 자신감이 조금 생겼다. (현업 개발자들도 모두 외우고 있지 않다라고;;)

아직은 어렵게 느끼는것

자바스크립트의 코드 구성이 아직 익숙하지 않은것 같다.
특히 괄호 체계에 대한 규칙이 기존 알고있었던 위계와 달라 조금 혼동이 온다.
지금 이해중인 구분에 대한 정의는
대괄호[]: 리스트의 특정 요소를 지칭할때 사용
소괄호(): if 나 for 구문에서 가정을 정의할때 사용
중괄호{}: 조건을 정의할때 사용
() {([])}

아쉬운점

1주차 학습 내용을 거의 2일만에 몰아서 진행하여 학습의 질에 아쉬움이 남았다.
앞으로 일주일내 시간을 효과적으로 나누어 학습하도록 해야겠다.
월요일에 해당주차에 배울 내용과 과제 내용을 간단히 확인하며 목표를 세우고
주중엔 내엔 4강의 정도씩 1시간정도 투자하여 공부,
주말엔 강의 내용 복습과 과제 및 개발 일지 작성을 하며
완료 주차인 5주뒤에는 웹개발의 기본을 충분히 학습하고 싶다.

좋은 웹페이지 즐겨찾기