달팽이의 코딩 이야기 달팽이의 코딩 이야기

미니 프로잭트를 위해 각자 만들었던 메인, 팀원소개, 자기소개들을 오늘부터 합쳐서 만들기에 지금까지 만들었던 코드, 실행한 파일들을 리뷰하는 시간을 갖겠습니다. 요구사항 1. 팀원들의 정볼르 보여줄 수 있는 페이지를 구현해주세요. 구현 가능한 마크업 및 프로그래밍 언어, 라이브러리 등! HTML CSS Javascript Bootstrap 2. 페이지별로 방명록을 입력받을 수 있는 백엔드를 만들어주세요. JS Flask MongoDB 3. DB에 저장된 정보들을 사람들에게 보여줄 수 있는 페이질르 만들어주세요. HTML Css JS Flask Mongo DB 4. 프로젝트를 소개하는 문서를 만들어주세요. 와이어 프레임 메인 아래 팀소개 & 활동계획 버튼 사일런스 팀원소개 각 이미지, 텍스트 영역을 typ..

어제 하던 미니 프로잭트 메인화면을 현 진행상황에서 만들 수 있는데까지 만들었고 개일 자기소개서 페이지를 웹 개발 종합반 팬미팅을 참고하여 완성하였다 어제 그렇게 산전수전 격다보니 이젠 모르게 있으면 구글링하게 된다 훌륭한 스승이 생겼달까? 메인화면 코딩중에 부트스트랩 카드부분을 넣어 팀원을 소개하는 부분을 만드는중 안쪽에 을 추가해 클릭했을때 href로 링크대로 넘어가려 했으니 수업중 배운내용이 생각나 이거 맞나 반신반의 한 상태로 아래와 같이 설정 후 새로고침을 해봤다. 부트스태랩 카드자체가 버튼으로 인식되어 더 깔끔한 결과에 도달했고 위 코드에 href를 넣어 연결하려다 같은 문구를 반복해서 넣어야 할거 같아 또 혹시 하고 그 아래 function에 details를 눌렀을때 반응하게끔 넣어봤더니 이..

내일배움캠프 첫날. 미니 프로잭트의 배경에 흐릿한 효과를 주려고 opacity 넣었는데 background만 변한게 아닌 텍스트까지 흐려져서 크게 당황했고 이후 강의를 통해 배웠던 내용들을 응용하여 클레스를 분리시켜봤는데 여전히 같은 상태 .. 구글링을 통해 아직 배우지않은 방법 ::after 를 아래와 같이 클레스 옆에 추가하여 분리 후 같은 방법으로 opacity를 넣어보니 내가 원했던대로 배경만 흐려지게 되었고 이때부터 재미를 느꼈습니다. .mypic { width: 100%; height: 100%; text-align: center; margin-top: 140px; } .mypic::after { width: 100%; height: 700px; content: ""; background: u..