고양이 퍼레이드

미니 프로젝트 회의 주제 팀원 소개 페이지 팀원 이승연(조장), 정태희, 정유준, 송창주 프로젝트명 세상에 외친다 간단한 설명 - 팀원들의 자기소개 카드를 등록할 수 있다. - 팀원들의 자개소개 카드 수정 및 삭제가 가능하다. - 팀원의 게시물에 댓글을 달 수 있다.(부가적) 와이어프레임 API 기능 method URL request response 게시물 전체보기 get /int/index 전체 게시물 데이터 게시물 상세보기 get /int/main 게시물 데이터 + 댓글 데이터 자기소개 작성 post /int/main/new 등록할 게시물 내용 게시물 데이터 자기소개 수정 post /int/main/upate 수정할 게시물 내용 게시물 데이터 + 댓글 데이터 자기소개 삭제 post /int/main/..

1. 5주차 오늘 배울 것 & 설치 - 버킷리스트 프로젝트 - 배포 - Filezilla 설치, 가비아 가입해 도메인 구입하기 2. [버킷리스트] - 프로젝트 세팅 - 프로젝트 설정 : flask 폴더 구조 만들기(static, templates 폴더, app.py) - 패키지 설치 : flask, pymongo, dnspython 3. [버킷리스트] - 뼈대 준비하기 - 프로젝트 준비하기 : index.html, app.py 준비하기 #app.py from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') def home(): return render_template('index.html'..

1. 4주차 오늘 배울 것 - Flask, 미니프로젝트1(화성땅공동구매), 미니프로젝트2(스파르타피디아) - 로컬 개발환경 : 같은 컴퓨터 내 서버도 만들고 요청도 하고, "클라이언트 = 서버" - But, mongoDB Atlas라는 클라우드 서비스를 이용할 것! - sparta 폴더 -> projects 폴더 내 다섯개 폴더 만들기(prac, mars, movie, homewokr, bucket) - prac : flask 연습 코드 작성 - mars : 화성땅공동구매 코드 작성 - movie : 스파르타피디아 코드 작성 - homework : 팬명록 코드 작성 - bucket : 버킷리스트 코드 작성 2. Flask 시작하기 - 서버 만들기 - new project -> prac 폴더 선택 후 cr..

1. 3주차 내용 - 3주차 설치 : Python, Git bash(윈도우만) - 3주차 배울 것 : Python, 크롤링, mongoDB 2. 파이썬 기초공부(1) 1) 변수 & 기본연산 a = 3 # 3을 a에 넣는다 b = a # a의 값을 b에 넣는다 a = a + 1 # 기존의 a의 값에 1을 더한 후 다시 a에 넣는다 num1 = a*b # a의 값과 b의 값을 곱해 num1에 넣는다 num2 = 99 # 99를 num2에 넣는다 #변수의 이름 마음대로 짓기 가능! 2) 자료형 - 숫자, 문자형 name = 'bob' # 변수에 문자열 입력 가능 num = 12 # 변수에 숫자 입력 가능 is_number = True # True 또는 False의 'Boolean' 형 입력 가능 # 변수에 L..

1. 2주차 오늘 배울 것 : jQuery, Ajax -> jQuery를 이용해 Javascript로 HTML을 쉽게 제어 -> Ajax를 이용해 다시 서버에 데이터 요청 2. jQuery 시작하기 - jQuery : HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것 -> 라이브러리! - 코드 복잡성 & 브라우저 간 호환성 문제 해결 - 임포트 필요 : 사이 - 하지만, 부트스트랩 사용 시 임포트가 이미 되어있음 - jQuery에서 id 값을 이용해 특정 객체(버튼 or 인풋박스 or div 등)를 가리킴 3. jQuery 다뤄보기(1) - 필요한 기능들은 그때그때 구글링! - input 박스의 값 가져오기(val) //id값이 url인 곳의 val 값 가져오기 $('#url'..

1. 3주차 오늘 배울 것 - 자바스크립트 기초&JSX 화면 그리기 계속~! - 리액트 필수지식 : 컴포넌트, 상태, 속성, useEffect - Expo 기능 사용 : 화면을 친구에게 공유, 링크 클릭 시 해당 링크로 화면 전환, 상태바 스타일 변경 등 - 페이지 적용 : 앱 안에 여러 페이지를 두고 버튼을 눌러 이동할 수 있는 기능 장착 2. 나만의 꿀팁 앱 상세 화면 만들어보기 > Hint 1) DetailPage.js 생성 2) 디테일 화면을 위한 데이터 확인 3) DetailPage.js 코드 작성 >결과 화면 > DetailPage.js 코드 import React from 'react'; import { Alert, Text, StyleSheet, View, Image, TouchableOp..

1. 2주차 오늘 배울 것 - 앱 개발 준비 : 리액트 네이티브 앱 개발을 도와주는 expo - 앱 화면 만들기 : 앱 개발 시 구역(레이아웃)을 잡는 문법인 JSX - 앱 필수 기초 지식(리액트 기초) : 간결하고 직관적인 자바스크립트 문법 2. [앱 개발 준비] 리액트 네이티브&expo 설치 및 진행 1) 리액트 네이티브 = 리액트 + 네이티브 - 자바스크립트 하나의 언어로 android와 ios 두가지 모두 만들어주는 라이브러리 - 라이브러리란 개발에 사용하는 도구! - 안드로이드는 java&kotlin, iOS는 swift 언어 사용 -> 실제 자바스크립트 한 언어로만 개발은 어렵기에 도와주는 도구인 expo사용 2) Expo란? - 리액트 네이티브 앱 개발 시 android&iOS 코드를 건드려..