Journal16 깃허브 프로필 꾸며보기!! 내 이름이랑 동일한 이름의 repository를 만들면 내 깃허브 Overview에서 확인할 수 있다! README file을 추가해준다! https://shields.io/ Shields.io | Shields.io Concise, consistent, and legible badges shields.io 이걸 이용해서 뱃지를 달아봄! Static Badge에 들어가서 오른쪽에다 입력해주면 자동 생성해준다! https://simpleicons.org/ Simple Icons 2988 Free SVG icons for popular brands simpleicons.org 여기 가서 아이콘 찾아옴  그래서 방명록은 그냥 한줄만 띄울거니 그냥 페이지간 데이터 전송을 해보기로 함 local storage로 이용해보겠다. //메인페이지에 보이게 하기 위해 저장 localStorage.setItem('content', content); localStorage.setItem('name', name); //메인페이지 저장 부분 끝 이런식으로 했었는데 .. 2023. 10. 10. [내일배움캠프][미니프로젝트]방명록 페이지 개발일지 해야할 일은 다음과 같다 1. 방명록 페이지 로딩시 db에서 불러오기 2. 내용 입력받아 db에 방명록 등록 3. 삭제 버튼 클릭시 해당하는 방명록 db에서 삭제 목표는 아래의 페이지를 구현하는 것! 일단 입력 창과 버튼들과 스크롤 바를 제일 먼저 만들었다 overflow: auto 하위 콘텐츠의 길이가 컨테이너의 길이를 초과했을 때 스크롤을 생성합니다. (초과하지 않으면 생성하지 않음) 그리고 이거 추가해서 등록버튼 오른쪽으로 밂 style="float:right" 등록버튼이 오른쪽으로 간 것을 볼 수 있다 이렇게 떴는데 div를 span으로 바꾸니까 옆에 가서 얌전히 붙었다 2023.10.05 김이름 삭제 내용 내용 내용 내용내용 내용 내용 내용내용 내용 내용 내용내용 내용 내용 내용내용 내용 내용 .. 2023. 10. 7. [내일배움캠프][미니프로젝트] 개인페이지 만들기 사진을 2열로 글자랑 같은 공간을 차지하게 배치하는 것이 생각보다 까다로웠다 쉴 때는 침대에 누워서 주로 아이패드로 영어공부를 합니다 책상에 앉아서 개발공부를 합니다 자주 가는 카페의 이 자리에 앉으면 집중이 잘 됩니다 동네 공원을 매일 산책합니다 .photos { width: 700px; height: 300px; display: flex; text-align: center; flex-direction: column; } .photo { width: 140px; height: 110px; /* object-fit: contain; */ margin-right: 5px; margin-bottom: 5px; border-radius: 20px; flex:1; text-align: center; vertic.. 2023. 10. 6. 이전 1 2 다음
