● 오늘 배운것
- 레이아웃
- 레이아웃이란 웹사이트에 각각의 요소의 목적에 맞게 배치하는 것
- 와이어프레임
- 레이아웃의 뼈대를 그리는 단계, 단순한 선과 도형으로 인터페이스를 시각적으로 묘사한것.
- 목업
- 실제 제품이 작동하는 모습과 동일하게 HTML을 작성하는 것. 예를 들어 트윗 작성자, 트윗 내용, 작성한 날짜 등을 HTML 내에서 하드코딩하는 방식
- 레이아웃의 리셋
* {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
}
● 중요한 것
- 오늘 배워서 중요했던 것들은 그냥 따로 포스팅으로 넘겨서 개념을 정리했다.
https://ddaeunbb.tistory.com/89
● [CSS] - position
미루고 미뤄뒀던 .. position을 다시 배우러 왔읍니다 . . 먼저 position의 속성 static, relative, absolute, fixed, sticky에 대해서 배우고자 한다. 큰 안에 9개의 를 넣었고, 중심에는 노란색으로 칠해주었다.
ddaeunbb.tistory.com
https://ddaeunbb.tistory.com/90
● [CSS] - flexbox (부모에게 주어야하는 속성값)
오늘은 내가 자주 쓰는 flexobox에 대해 적어보려한다. . 나는 css에서 flex 속성이 제일 좋다..!!.. 아주 편리.. float도 되게 많이 쓰던데 나는 flex가 조 아 . . ● flex의 속성값 flex의 속성값은 부모에 주
ddaeunbb.tistory.com
https://ddaeunbb.tistory.com/91
● [CSS] - flexbox(자식에게 주어야하는 속성값)
● flexbox 속성값 자식에게 주어야하는 속성값 flex-grow flex-shrink flex-basis ● flexbox 속성값 설명 flex-grow 같은 경우는 flex를 준 부모의 자식들 간의 영역 넓이를 정하는 것이다. grow는 비율로 따지며,
ddaeunbb.tistory.com
https://ddaeunbb.tistory.com/92
● [CSS] - float
● [CSS] - float 최근에는 잘 쓰이지 않지만 그래도 옛 웹브라우저에서는 쓰였던 속성들이기 때문에, 내가 어떤 브라우저들을 마주칠지 모르니 . . 공부해본다 . . ● float의 특징 float는 붕뜨는 속성
ddaeunbb.tistory.com
● 내가 놓친 것
- flex-grow 속성값이 0인 경우에만, flex-basis가 유지된다.
● 내가 제출한 오늘의 과제
저의 최선은 여기 까지 엿읍니다.. 나중에 three.js 배우고싶다. 3D 만드는거 배우고싶다. 그리고 마우스 포인터로 움직이는 디자인들도 좀 시간날 때 혼자 만들어볼 생각이다.
● 끝맺음
- 느낀점 요약정리
- position, flex, float에 대해서 오늘 복습을 했다. 예전에는 들었을 때, 잘 이해가 되지 않았는데 시간이 조금 흐른 지금 다시 좀 찾아보고.. 강의도 찾아보고 뒤져보고 하니까 이해가 잘 되는 편 같다.. 역시 잘 이해안되도 걍 .. 이런게 있구나 넘기고 나중에 다시 돌아보면 이해가 되는 것 같다.. 앞으로 개빡센 개념이 나와도 걍 그러려니하고 넘어가는게 잇어야 겟다..
- 내일은 오전에 일어나서 cs 포스팅좀하고 지금까지 달려와 배워왔던 것들을 복습할 생각이다.
- 내일은 빈 시간에 grid, bootstrap, 미디어쿼리를 좀 공부할 생각이다. 내내 배우기 싫어서 미뤄왔던 부분들을 정신채리고 공부를 해야겠다.
📍 수업이외 학습
- 알고리즘 1개 풀엇삼.. 그것도 못품.. 넘 어렵다 . . 알고리즘 기본수학파트 들어가니까 미치갯다 ^^
- CS지식 1개 포스팅.. 등등 여러개했다..
- 오늘은 flex float, position으로 충분했다. . 낼은 그리드라는 그지가튼 넘을 공부할 것이다.. 그리드와 bootstrap좀 볼 생각이다. 미디어 쿼리랑..
- 모던 자바스크립트는 오늘은 쫌 쉬어가는 거스로 . . 힘들다..