JAMONGPROJECT

드디어 반응형 게시판을 완성했다. 목표한 4월 4일 전까지 제작을 끝내서 기쁘다. 시간을 들여 각 코드의 구성 요소를 이해하며 공부하느라 시간이 꽤 걸렸지만 제작을 하면서 html과 css의 적용 프레임을 숙달하게 된 것 같다. 남은 일주일은 JS와 react의 공부를 하며 보내볼까 한다. 제작 완료 오늘의 배운 점 box-sizing : border-box → 다른 css의 영향을 받지 않고 사이즈를 유지하고 싶을 때 사용한다. nth-child(-n+2) → 1번째, 2번째 선택자를 선택하기 위한 명령어

​​ 오늘 글쓰기 창과 수정 창을 완성했다. 주말동안 반응형 css를 적용하면 완성이 될 것 같다. 내 손에서 그럴듯한 게시판 하나가 제작이 되니 기분이 묘하다. 그러면서 이런 일을 하는 것이 앞으로 나의 업이 될 것이라고 생각하면 또 즐겁기도 하다. 끊임없이 배우는 삶을 추구해가자. 제작 현황 오늘의 배운 점 css에서는 calc() 라는 함수를 사용할 수 있음 css에서 input의 css값을 줄때 [type=""]을 지정해줄 수 있다. 태그 → 글상자 만드는 태그 dashed → 점선 스타일

어느덧 글 보기 페이지까지 완성했다. HTML과 CSS 사용에는 꽤 익숙해진 듯 하다. 오늘은 새로운 HTML 페이지를 만들어서 게시판 페이지와 링크 연결을 했다. 흔히 볼 수 있는 게시판을 내 손으로 직접 만들어보니 새삼스럽게 신기했다. 내일 쯤이면 완성이 될 것 같다. 진행 상황 오늘의 배운점 display : inline-block 을 사용하는 이유 → 가로 정렬을 하기 위해! dl, dt, dd → 목록 만들기 명령어 div::before / div::after 중괄호 내부에 content는 꼭 삽입을 해줘야한다. div::before / div::after {content:} 역할 → 컨텐츠의 앞 뒤로 색인같은 문자를 삽입함. 프론트엔드 공부를 하면서 자연스럽게 디자인적 관점을 접하게 되는데 1..

오늘은 글 목록 영역과 버튼 영역까지 제작해보았다. 첫날에 CSS가 가독성이 좋아서 할만하다고 생각했는데 만들어야 할 영역이 늘어날수록 기억해야 할 기능이 늘어나서 공부량이 만만치않음을 느꼈다. 필요할 때마다 구글링을 해서 쓸 수도 있겠지만, 효율을 위해 자주 쓰는 명령어는 기억해둬야 할 것 같다. + 갑자기 부/울/경 지역 사람들 일정이 일주일 밀려버렸다.. 예정되어있던 4월 4일이 아니라 4월 11일부터 진행한다고 한다. 원활한 진행을 위해서라는데, 이유라도 알려줬으면 좋겠다. 답답하다. 진행 상황 오늘의 배운 점 ♣ 부모 영역의 font-size : 0px;로 조정하는 이유 · display: inline-block; 설정을 한다. · 정렬 시 여백이 사라진다. ♣ margin / border / ..