로라의 무지개

[1주차] 웹개발 종합반 개발일지 본문

개발일지/웹개발

[1주차] 웹개발 종합반 개발일지

hilaura_c 2022. 7. 16. 17:14

스파르타 코딩클럽을 통한 웹개발 과정을 시작했어요.

백수라 시간도 많아서 진도를 쭉쭉 나갈 수 있을 줄 알았는데

가족여행, 친구와의 약속 등 이런저런 일정도 있기도 했고

강의시간은 짧지만 그걸 실습하고 따라가느라 몇번을 반복해야 했기 때문에

진도는 정해진 스케줄표에 딱 맞춰 진행중이에요.

1주차 강의를 완료한 지금의 상태는, '아직까지는 따라갈만하다' 에요.

아무래도 초반이라 난이도가 쉬운 편인 것 같은데 다음주차는 어떨지 기대가 되네요.😅

 

기본세팅

  • 파이참 설치
  • 노션/슬랙
  • 구글 폰트
  • 부트스트랩

 

HTML

<head> , <body> 로 제목과 내용을 구분한다.

<p>, <div>, <h1> 태그 등을 이용해 레이아웃을 만든다.

*주석처리: command+/

 

 

 

CSS

스타일을 입혀주는 것<style>

html 코드에 클래스 이름을 설정하고

.name{} 형식으로

사이즈, 정렬, 컬러, 폰트, 이미지 등을 입혀준다.

부트스트랩을 이용하면 쉽게 예쁜 웹페이지를 만들 수 있음!!

* 헷갈렸던 부분: .name > name

 

 

Java Script

알림, 움직임등 기능을 구현한다. <script>

chrome > 검사 > console 을 활용할 수도 있음!

자바 스크립트는 아래 다섯개만 알면 된다고요~?!

  • 변수 let a = 1
  • 자료형 문자/숫자
  • 함수 function 함수이름(x){...}
  • 조건문 if 
  • 반복문 for

 

사실 웹페이지를 만들다보면 html, css, java script를 모두 사용하게 되기 때문에

뭐가 뭐인지 구분할 필요는 없는것같아요.

중요한 건, 코드를 하나하나 작성하기보다는 필요한 부분을 복사 붙여넣기 하면서 만들어가면 된다는 것.

 

마지막으로 1주차 숙제로 만든 페이지화면 첨부!

'개발일지 > 웹개발' 카테고리의 다른 글

[웹개발 3-2] mongoDB 활용하기  (0) 2022.07.27
[웹개발 3-1] 파이썬으로 크롤링하기  (0) 2022.07.26
[웹개발 2-2] Ajax로 서버에서 데이터 호출하기  (0) 2022.07.20
[웹개발 2-1] JQuery 연습하기  (0) 2022.07.19
[웹개발 2-1] JQuery 배우기  (0) 2022.07.19
'개발일지/웹개발' Related Articles more
Comments