목요일 발표를 마지막으로 첫 번째 팀 프로젝트가 끝났다. 우선 결과물을 보자❗ TRIP-LOG 여행 동선을 지도에 표시해서 공유하고, 도움이 될 정보들을 사용자끼리 공유하는 커뮤니티 웹사이트 사용 폰트 S-CoreDream-3Light S-CoreDream-6Bold S-CoreDream-9Black 주요 CSS 정리 요소 정 가운데로 이동 top: 50%; left: 50%; transform: translate(-50%, -50%); /* .wrapper의 절반 만큼 다시 이동해서 중앙에 위치 */ 커서 손가락 모양으로 바꾸기 cursor: pointer; * cursor: 요소 위에 마우스 커서가 올라갔을 때 모양 지정 요소 채우기 object-fit: cover /* 내용이 종횡비를 유지하면서 정..

10주 차(2021.05.31-2021.06.03) 10주 차 목요일에는 토이 프로젝트 아이디어 발표가 있었다! 지난 아이디에이션이 각자 아이디어를 내고 간단한 웹페이지를 구현해보는 거였다면, 이번 토이 프로젝트는 팀원 넷이서 한 웹페이지를 만들고 배포까지 진행한다. 부산 여행 동선 공유 웹사이트 | 아이디어 열심히 여행 계획을 짰는데 막상 가보니 관광지의 출입이 제한된 경우, 유명한 맛집이라길래 갔는데 영업이 종료된 경우, 여행을 좋아하는 사람이라면 이렇게 계획에 차질이 생긴 경우가 한 번쯤 있었을 것이다. 또 계획을 짜는 도중에도 아이와 함께 가려는데, 또는 반려동물이랑 함께 가려는데 마땅한 여행 장소를 못 찾는 경우도 있을 것이다. 그래서 우리 팀이 기획한 '부산 여행 동선 공유 웹사이트'. 여행 ..

지난 이야기🌿 5주 차에는 아이디에이션을 진행했다. 6주 차(2021.05.03-2021.05.06) 6주 차에는 장고(Django) 세션이 있었다. 장고에 대해 간단히 배우고 단어 수 세기 예제를 통해 직접 앱을 만들어보았다. Django란 무엇인가? 파이썬으로 작성된 오픈 소스 웹 애플리케이션 프레임워크다. 여기서 프레임워크는 기능을 수행(예) 로그인, 회원가입 등) 하기 위해 잘 설계된 코드를 말한다. 이 코드를 활용하면 웹사이트 내에서 자주 쓰이는 기능을 빠르게 만들 수 있다. 월요일 월요일 세션에서는 VScode를 사용해 다음과 같은 단계로 실습을 진행했다. * 본 포스팅은 윈도우를 기준으로 한다. 파이썬 버전 확인 - 가상환경 설정 - 장고 설치 - 프로젝트 만들기 - 앱 만들기 - 웹 서버 ..

지난 이야기🌿 2주 차 세션에서는 HTML과 CSS로 자기소개 웹페이지를 만들고 깃허브로 배포했다. 5주 차(2021.04.26-2021.04.29) 2주간의 중간고사 기간을 끝내고 돌아온 5주 차. 5주 차에는 각자의 아이디어로 웹사이트를 만들고 서로 이야기하는 아이디에이션을 진행했다. * Ideation (creative process): Ideation is the creative process of generating, developing, and communicating new ideas, where an idea is understood as a basic element of thought that can be either visual, concrete, or abstract(출처 위키피디아)..

지난 이야기🌿 1주 차 세션에는 비주얼 스튜디오 코드(VS Code)와 깃을 다 함께 설치했다. 2주 차 (2021.04.05 - 2021.04.09) 1) 화요일 2주 차부터 본격적으로 HTML과 CSS에 대해 배우고 코드를 따라 작성하며 웹페이지를 만들었다. HTML: HyperText Markup Language의 약자로 웹페이지를 만드는 데 사용하는 언어이다. 미리 정의된 태그와 속성을 사용한다. CSS: Cascading Style Sheets의 약자로 HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 스타일 시트 언어다. 멋사 운영진(회장님👍)을 따라 하면서 만든 첫 웹페이지 결과물을 보자. 약간 머쓱하지만 코드는 다음과 같다. 첫번째 p 두번째 p 세번째 p 바깥의 p태그 원하는 ..