목록분류 전체보기 (24)
Hello It's good to be back ^_^
[POTG] - 해설1
2024-2학기 이화여자대학교 컴퓨터공학과 오픈SW플랫폼 수업을 수강하며 작업한 프로젝트 POTG에 대해 소개하고자 한다.Project Of The Genius의 준말로, 게임에서 최고의 플레이를 뜻하는 Play Of The Game에서 유래했다.POTG는 상품 등록 및 구입 시스템을 이용하여 학교 내 공동구매를 활성화하기 위해 제작된 프로젝트이다.마켓컬리를 레퍼런스로하여 제작하였으며, 수업이 요구하는 기능외에 공동구매, 마이페이지 기능을 구현하였다.전체적인 화면 구조는 다음과 같다. 개발 기술 스택은 다음과 같다.Frontend - html, css, javascriptBackend - FlaskDatabase - Firebase지도 API - 다음 우편번호 APIGit - Github Desktop..
[POTG] - 팁/디버깅
2024-2학기 이화여자대학교 컴퓨터공학과 오픈SW플랫폼을 수강하면서 배운 팁/디버깅 방법에 대해 소개하고자 한다. 본격적으로 개발에 들어가 Flask로 백엔드 작업을 하다보면 가장 많이 마주하게 될 화면.. 바로 이 에러화면이다... 참고로 해당 화면은 flask로 run할때 --debug를 붙여주면 에러가 날때 어디서 나는지 알려주므로 꼭 --debug를 붙여서 웹을 실행하자. 많은 도움이 된다. 내가 개발을 하면서 만났던 다양한 문제 상황들을 정리해보았다. 1.Error: Could not locate a Flask application. Use the 'flask -app' option, 'FLASK_APP' environment variable, or a 'wsgi.py' or 'app.py' ..
[POTG] - 개념 소개
2024-2학기 이화여자대학교 컴퓨터공학과 오픈SW플랫폼을 수강하면서 배웠던 개념들에 대해 정리하고자 한다. 1. HTML이란? Hypertext Markup Language의 준말 웹 문서의 뼈대를 만드는 역할웹 브라우저의 제목, 본문, 이미지, 표와 같은 웹 요소를 알려주는 역할2. CSS란? Cascading Style Sheets의 준말웹 문서를 꾸미는 역할다양한 디바이스에 따라 화면이 자동으로 바뀌는 반응형 웹 디자인을 만드려면 CSS를 반드시 공부해야 한다.3. Javascript란?사용자의 동작에 웹 문서가 반응할 수 있도록 하는 역할자바스크립트 기반의 프레임워크를 많이 사용한다 Node.js와 함께 서버 프로그래밍에서도 사용된다4. Flask란?파이썬 기반의 웹 서버 프로그래밍에 사용되는..
[ECC-프론트엔드 2팀] 9주차 스터디
교재: Do it! HTML+CSS+자바스크립트 웹 표준의 정석 11장 ~ 13장공부한 페이지: pp. 355 ~ 461실습한 내용: https://github.com/HongYeonLee/ECC-Frontend-Study GitHub - HongYeonLee/ECC-Frontend-Study: ECC 49기 FW 프론트엔드 2팀 스터디 내용을 기록하는 레포지토리입ECC 49기 FW 프론트엔드 2팀 스터디 내용을 기록하는 레포지토리입니다. Contribute to HongYeonLee/ECC-Frontend-Study development by creating an account on GitHub.github.com목차 11 트랜지션과 애니메이션11-1 변형 알아보기11-2 트랜지션 알아보기11-3 애..
[ECC-프론트엔드 2팀] 8주차 스터디
교재: Do it! HTML+CSS+자바스크립트 웹 표준의 정석 8장 ~ 10장공부한 페이지: pp. 237 ~ 354실습한 내용: https://github.com/HongYeonLee/ECC-Frontend-Study GitHub - HongYeonLee/ECC-Frontend-Study: ECC 49기 FW 프론트엔드 2팀 스터디 내용을 기록하는 레포지토리입ECC 49기 FW 프론트엔드 2팀 스터디 내용을 기록하는 레포지토리입니다. Contribute to HongYeonLee/ECC-Frontend-Study development by creating an account on GitHub.github.com목차 8-1 CSS와 박스 모델8-2 테두리 스타일 지정하기8-3 여백을 조절하는 속성8..
보호되어 있는 글입니다.
보호되어 있는 글입니다.
[ECC-프론트엔드 2팀] 3주차 스터디
교재: Do it! HTML+CSS+자바스크립트 웹 표준의 정석 1장 ~ 2장공부한 페이지: pp. 15~42실습한 내용: https://github.com/HongYeonLee/ECC-Frontend-Study GitHub - HongYeonLee/ECC-Frontend-Study: ECC 49기 FW 프론트엔드 2팀 스터디 내용을 기록하는 레포지토리입ECC 49기 FW 프론트엔드 2팀 스터디 내용을 기록하는 레포지토리입니다. Contribute to HongYeonLee/ECC-Frontend-Study development by creating an account on GitHub.github.com 목차 1-1 웹 개발 알아보기1-2 웹 개발, 어디서부터 시작할까 2-1 웹 브러우저와 웹 편집..