IT_공부하자

1. 미니프로젝트 하기 - 필수코스 때, 배운 내용으로 간단한 미니프로젝트를 진행 - 팀 프로젝트로, 개인별 특정 기능을 나누어서 구현 - 관광 관련 api 를 사용하여 여행지에 대한 정보를 크롤링 및 리뷰 구현 2. 새롭게 알게된 지식 - git / git hub 공유 받은 레파지토리를 clone 해서 기본 프로젝트 구조를 다운 받음. - 생성된 터미널에 git clone 복사한 주소 붙여넣기 명령어를 입력하면 연결 완료 branch를 생성하고 작업 - git bash 에서 git branch 브랜치명 명령어 입력 - git bash 에서 git checkout 브렌치명 명령어 입력 - git bash 에서 git add . 명령어 입력 - git bash 에서 git commit -m " 남길 메시지..

1. ChatGPT 웹개발 5주차 수강하기 - Flask 에서 개발한 project를 python anywhere 사이트를 이용하여 배포 - og 태그 설정하기 2. 새롭게 알게된 지식 - python anywhere 에서 무료 계정 버전은 허용된 사이트 외 데이터 크롤링이 불가능하다. - 허용된 사이트를 사용하여 변경 ( 네이버 open api ) - https 사이트에서 http 요청을 하면 보안 이슈로 브라우저에서 동작하지 않는다. * 해결방안 : back-end 에서 데이터를 받아온 후 처리

1. ChatGPT 웹개발 4주차 수강하기 - Flask 에서 sqlite 사용하기 학습 - db를 사용하여 데이터 저장 및 불러오기 - 추천 음악을 DB에 저장하고 불러오는 사이트 제작 과제 수행 2. 새롭게 알게된 지식 - SQLAlchemy 라이브러리 : 데이터베이스와의 상호 작용을 관리하고 웹 애플리케이션의 데이터 모델을 정의하는 api 터미널에서 pip install Flask SQLAlchemy 명령을 통하여 설치 class 를 생성하여 db와 연결한다 class Song(db.Model): id = db.Column(db.Integer, primary_key=True) username = db.Column(db.String, nullable=False) artist = db.Column(db..

1. ChatGPT 웹개발 3주차 수강하기 - python 기초 및 flask 에 대하여 학습 - 외부 api (JSON)를 사용하여 데이터 크롤링 - 실시간으로 영화 박스오피스 순위를 조회하는 사이트 제작 과제 수행 2. 새롭게 알게된 지식 - route 함수 : route 안에 매개변수로 uri를 입력해주면 flask에서 해당 주소로 메서드의 결과를 전달한다. @app.route('/mypage') def mypage(): return 'This is mypage!' - request.args.get(' parameter ') 함수 : parameter 에 해당하는 값을 클라이언트에서 받아온다 form에서 parameter에 해당하는 name값을 입력하면 submit 후 해당 데이터를 받아올 수 있다..

1. ChatGPT 웹개발 2주차 수강하기 - 1주차에 완성한 html에 동적 효과 적용 (javaScript) - jquery 및 기초 javaScript에 대하여 학습 - 외부 api (JSON)를 사용하여 데이터 크롤링 - 실시간으로 날씨 정보를 받아와서 표기해주는 사이트 제작 과제 수행 2. 새롭게 알게된 지식 - fetch 함수 fetch(url, options) .then((response) => console.log("response:", response)) .catch((error) => console.log("error:", error)); * options 항목 - method : GET, POST 등 요청 메서드 ( 별도 지정하지 않을시 default => GET 방식 ) - head..

1. ChatGPT 웹개발 1주차 수강하기 - 웹 개발 기본 과정으로 html , css 코드 작성으로 기본적인 웹구조에 대하여 학습 - 각종 태그 사용법과 style 속성에 대하여 학습 - bootstrap document를 참고하여 예시 코드를 활용하여 필요한 코드를 작성 - 음악 추천 사이트를 제작하기 위한 기본 화면을 작성하는 과제를 수행 2. 새롭게 알게된 지식 - meta 태그 : 사이트 자체에 대한 정보를 표기 화면상에는 표시가 없으나 브라우저나 검색 엔진에서 사용 - viewport : 사용자 환경(실행되는 환경)에 맞추어 크기를 설정하기 위해 사용 - 에서 link 와 @import 는 결과적으로 외부의 스타일 관련 코드를 가져오는 동일한 기능을 수행한다. 하지만 link는 코드 실행(l..