About Me/회고

[내일배움단] 비개발자를 위한, 웹개발 종합반 1주차 후기

블로그 주인장 2023. 2. 12.
[내일배움단 참여 계기]

- 고졸로 취업한지 거의 6~7년차가 되어가는 중이다. Visual C++로 프로그래밍을 진행하고 있는데

요즘 들어서 같이 취업한 친구들의 이직 및 대학 진학을 바라보면서 이름하여 '현타'가 쎄게 왔다

경력은 쌓였는데, 나는 계속 그 자리 그대로 인 것 같은 생각이었고, 20대 중반이 넘어가니까 새로운 터닝포인트를 만들고 싶었다. 그러면서 IT 개발자가 되어보고 싶다는 생각을 가지면서, 지금 현생을 살면서 스킬을 만들 수 있는 것을 찾다보니

'스파르타코딩클럽 내일배움단'에 참여하게 되었다. 국비지원으로 진행하면서 5주동안 80%만 넘기면 평생 소장이 가능하다고 해서 열심히 해볼 생각으로 참여하게 되었다

 

 

[1주차 후기 내용]

1. 수업 목표

2. 느낀점

 

[수업 목표]
  1. 웹 브라우저의 기본 원리에 대해서 이해한다
  2. HTML, CSS의 기초 지식을 이해하고 뼈대를 생성할 수 있다
  3. 부트스트랩을 활용하여 웹을 다양하게 구현할 수 있다

 

1. HTML 구조

- <div> 라는 함수를 사용하여 내용을 나누기도 하고, 포함하기도 한다

2. css 구조

- <head> ~ </head> 안에 <style> ~ </style> 로 공간을 만들어 작성한다

★관련 단어 정리★

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

    2. 사이즈 width height

    3. 폰트 font-size font-weight font-family color

    4. 간격 margin padding

 

3. css 꾸미기

☆ 구글 폰트 ☆

1. 구글에서 지원하는 폰트

2. 본인이 사용하고 싶은 폰트를 @import로 변환하여 사용가능하다

3. <style></style> 태그 안에 묶인 코드만 복사해서 style 태그 안에 넣어서 사용한다

☆ 부트스트랩 ☆

1. 다른 사용자들이 만든 CSS 파일 모음집

2. 현업에서도 부트스트랩을 이요하여 사용한다고 한다

 

HTML, URL, 구글 폰트를 이용한 로그인 화면

 

[느낀 점]

처음으로 웹개발에 대해 관심을 갖고 초심자로써 진행한지 어엿 1주차가 지나갔다

회사 일이 바쁘면서 하나하나 이해하면서 하는 것이 아니라

꾸역꾸역 하나라도 더 해보자라는 생각으로, 진행했다.

강의영상 보면서 따라하기는 했지만, 혼자서는 제대로 못할 거라고 하기 때문에

시간 날때마다 하나씩 만들어봐야겠다!!

반응형

댓글