![]()
2022.08.24 목업 페이지 제작 1. 목업 페이지 제작 수강중인 부트 캠프의 가이드 페이지에 따른 목업 페이지를 제작 하였다, 백엔드 과정이기에 디자인적인 측면보단 기본적인 HTML과 CSS의 기본적인 골자와 흐름만 파악하고 넘어갔다, Flex를 활용한 레이아웃 나누는게 좀 어려워서, 구글링도 하고 이전 수업자료도 다시 복기하고 했는데 예전에 display:inline, block, float 등을 사용하여 하던 것들을 Flex 로 하려니 처음에는 어려웠으나, 한번 이해를 하니 그나마 진행이 수월했다. 2. 어려웠던 부분 Flex로 진행함에 있어서 내가 진행함에 있어서 어려웠던 점을 적어두고 생각 안날 때 보려고 한다
![]()
2022.08.24 레이아웃, 화면 설계 1. CSS Flex 기존 레이아웃 설계에 있어서, 수동적이고 불편했던 부분을 혁신적으로 진행할 수 있게 해준 방식 - Flex 기초적인 연습을 위한 페이지 https://flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 헷갈릴 때 들어가서 틈틈히 레퍼런스 확인하기 2. 와이어 프레임 만들어보기 실제 페이지 제작에 앞서 와이어 프레임 및, 목업페이지 프로토타입 등 미리 제작할 페이지에 대한 설계 진행하기 - 와이어프레임 작성 툴 : 피그마, 미로, 오븐 등 여러 툴이 있으니 프로젝트 진행시에 가장 협업이 원활하고 사용하기 편한것으로 선정하여 진행 - Oven ..
![]()
2022.08.23 HTML/CSS 1. HTML id 고유한 이름을 붙힐 때 (중복X) #idname class 반복되는 영역을 유형별로 분류할 때 .classname 2. CSS - css 적용 우선 순위 속성 값 뒤에 !important 를 붙인 속성 HTML에서 style을 직접 지정한 속성 #id 로 지정한 속성 .클래스, :추상클래스 로 지정한 속성 태그이름 으로 지정한 속성 상위 객체에 의해 상속된 속성 - 꼭 적용 시키고 싶은 CSS가 있다면 !important 를 붙여서 작성 .color { color: blue } .color-important{ color: black !important }
![]()
2022.08.22 기초 개발환경 세팅 IntelliJ Short cut Alt+1 프로젝트 뷰 Shift^2 전체 검색 Ctrl+/ 주석처리
![]()
2022.08.19 (금) 코드 스테이츠 백엔드 엔지니어 과정 부트캠프 개강 1. 메타인지 (Meta Cognition) 내가 아는 것과 모르는 것을 분명히 하고, 완벽하지 않는 것에 대한 두려움 이겨내기 -나의 경우 무언가를 시작함에 있어서 완벽해야지만 자신감이 생기는 것이다. 실상은 그것이 완벽하지 않고 기술의 발달이 더욱 빨라짐에 있어서 내가 갈고닦은 것들은 어느새 뒤처져 있다. 그렇게 완벽을 계속 준비하다 때를 놓치고 자신감만 잃게 되어 방향을 잃게 되었다. 이제는 완벽해지기보단 일단 한다는 마음으로 도전하려고 한다. 2. 페어 프로그래밍 (Pair Programing) 최대한 상대를 존중하고, 상대방이 잘 모른다고 하여 나의 지식을 뽐내는 장으로 사용하지 않기 3. 학습 전략 나의 학습 전략은 ..
