[AI 웹개발TIL]3일차 개발일지

안녕하세요 ! 신입 개발자 김성우 입니다 ㅎㅎ!

3일차 개발일지 시작합니다 !
일단 오늘 일정은, 추가 강의 없이 
오로지 팀 미니 프로젝트인
"팀 소개 페이지"를 만드는 시간에 집중 했어요 !

코딩캠프 막차를 타 늦게 시작한 늦둥이라

웹 종합 개발반 강의의
1주차 강의만 완강한 상태라
구현하기 쉽지 않았지만

차근차근히
하나하나의 기능을 구현하는데에
집중해보았어요!

1주차 일정

어제는 display로
체크박스 및 사이드바를 나타내는 것을
했었는데요 !

그것을 나타내면서,
display 속성
inline, block, inline-block 등 다양한 종류의 속성이 
존재한다는 것을 알게 되었습니다! 
 
오늘 꼭 알고 가고 싶었는데 ...
미니 프로젝트 마감  날짜가
"금요일 오전 10:00" 이다보니
display속성에 대해서는
다음에 깊이 있게 공부하려 해요!!
 
그래서 이렇게 블로그에 기록해서
다음에 꼭 !! 알아갈 수 있도록 하겠습니다!! 약속할게요!

https://blog.naver.com/itdeveloper_/222956530976

글 상자 배치에 꼭 필요한 display: inline-block

 
 
제가 보기엔 다 비슷비슷해 보이는데 ㅠㅠ
뭐가 다른 거죠??
나중에 심도깊게 공부해봐야 할 것 같습니다! 

오늘 아침부터 팀원들과
이야기 나누었던 가장 중요한 주제는
바로 컨텐츠 !! 였습니다. 내용물과 컨셉이죠

메인 페이지 및 서브 페이지에서
맡고 있는 역할과 컨텐츠가 겹치거나
역할적으로 애매모호한 것들이 있어서
확실하게 서로 소통하고 결정 했던 것 같아요..! 

여러분들이 보시기엔 간단해 보이셔두 
개발 초짜다 보니, 기능괴 디자인 하나하나
구현하는 것도 쉽지 않았요..

어제는 제가 만든 홈페이지가 이랬는데요 !

처음 만든 페이지는 한 줄당
2개의 사진씩 나오도록 했었는데요 !
 
팀원들과 이야기를 나누고 나니 
제가 앨범 페이지를 만드는 것이 아니라 
메인페이지를 만들 되, 메인 페이지를
멤버 한명한명 소개하는

상세 설명 앨범으로 통합하자!
라고 의견이 나왔습니다.

상단 로고

멤버 상세 설명 사진

체크 박스 및 사이드바 동작 구현

 

WOW !!

작지만 
아주 사소한 것부터 하나하나 바꾸었습니다 ! 
하면서 기능 및 속성들에 대한 역할도
주석들을 달면서 복습 했어요 !

주석 달면서 기능하나하나 다 복습하기

 
  웹 페이지 만드는거 이외에
 

버튼을 누르면 그 버튼에 해당되는 사진들을 보여주는 컨박스 기능

버튼을 누르면, 그 버튼 번호에 해당되는
컨박스 내 사진들을 보여주는
컨박스 기능들도 구현해보았구요 !
 
컨박스 기능들을 공부한 강의 주소는 다음과 같습니다 !
https://youtu.be/qZzM6tsrADc

https://youtu.be/bsUgfqmA_vY

따라하면서, 중간중간 구현이 안돼서
답답하기도 했는데 ! 
 
영역 나누기 div나 
오타, 및 여러가지 이유로 
구현이 안된다는 것을 깨달았어요 ! 
그러면서 실력이 좀 늘고 있다는 ??
그 느낌을 받았죠 ㅎㅎ !

앞으로 HTML 과 CSS 에 대한 전반적인 이해도를 높이면서
어느정도 완성도를 높인다면
추후에 백엔드 개발을 병행 한다면 
 
제가 원하는 통합형 개발자로서의 목표가
점점 더 가까워 질 것 같아요 !
 
 
 
오늘 리뷰는 여기까지 입니다! 
 
긴 리뷰 끝까지 잘 읽어 주셔서 감사합니다 ㅎㅎ
오늘도 안니양~~

#AiAi 태그 삭제#개발일지개발일지 태그 삭제#국비지원국비지원 태그 삭제#내일배움카드내일배움카드 태그 삭제#스파르타코딩캠프스파르타코딩캠프 태그 삭제#인공지능인공지능 태그 삭제