개인용 기록 페이지 개인용 기록 페이지

http://ebfsparta.shop/ 쇼핑몰 만들어보기 5주간의 결과물! ebfsparta.shop 완성!

01. 4주차 배울 것 오늘 배울 내용 앱과 서버 서버리스(serverless) 파이어베이스 02. [앱과 서버] 날씨 서버 외부 API 앱과 서버의 동작 방식 더보기 www.sparta.com/getdata ←- 데이터 조회 API www.sparta.com/setData ←- 데이터 저장 API db.ref('/like/').on('value') ←- 데이터 조회 API db.ref('/like/').set(new_like); { await func01() await func02() } async function func(){ await func01() await func02() } 위도 경도 더보기 날씨 API 사용 (2) 더보기 MainPage.js API 사용해보기 더보기 import React..

01. 3주차 배울 것 더보기 02. [앱 필수 기초지식] 컴포넌트, 속성, 상태, useEffect 공부 할 리액트 필수 지식 컴포넌트(Component) 더보기 메인화면 컴포넌트화 해보기 Card.js 더보기 import React from "react" import {View,Text,Image,StyleSheet} from "react-native"; //비구조 할당 방식으로 넘긴 속성 데이터를 꺼내 사용함 export default function Card({content}) { return ( {content.title} {content.desc} {content.date} ) } const styles = StyleSheet.create({ card:{ flex:1, //컨텐츠들을 가로로 나..

01. 4주차 오늘 배울 것 02. Flask시작하기 - 서버만들기 1) Flask 패키지 설치하고 시작! 2) Flask 기초: 기본 실행 3) Flask 기초: URL 나눠보기 from flask import Flask app = Flask(__name__) @app.route('/') def home(): return 'This is Home!' @app.route('/mypage') def mypage(): return 'This is My Page!' if __name__ == '__main__': app.run('0.0.0.0',port=5000,debug=True) 03. Flask시작하기 - HTML파일 주기 4) Flask 기초: 기본 폴더구조 - 항상 이렇게 세팅하고 시작! 5) Fla..

01. 3주차 오늘 배울 것 02 파이썬 시작하기 1) 파이썬을 설치한다는 것의 의미 2) 첫 파이썬 파일 실행 03. 파이썬 기초공부 3) 파이썬 기초 문법 더보기 a = 3 # 3을 a에 넣는다 b = a # a를 b에 넣는다 a = a + 1 # a+1을 다시 a에 넣는다 num1 = a*b # a*b의 값을 num1이라는 변수에 넣는다 num2 = 99 # 99의 값을 num2이라는 변수에 넣는다 # 변수의 이름은 마음대로 지을 수 있음! # 진짜 "마음대로" 짓는 게 좋을까? var1, var2 이렇게? 더보기 숫자, 문자형 name = 'bob' # 변수에는 문자열이 들어갈 수도 있고, num = 12 # 숫자가 들어갈 수도 있고, is_number = True # True 또는 False -..

01. 2주차 오늘 배울 것 02. JQuery 시작하기 1) jQuery 란? 03. JQuery 다뤄보기 2) jQuery 사용하기 미리 작성된 Javascript 코드를 가져오는 것을 '임포트'라고 부릅니다. jQuery CDN 부분을 참고해서 임포트하기: (링크) 사이에 아래를 넣으면 끝! jQuery를 사용하는 방법 3) 자주쓰는 jQuery들 다뤄보기 1. input 박스의 값을 가져와보기 2. div 보이기 / 숨기기 3. css의 값 가져와보기 (우리는 display 속성 값을 가져와볼게요!) 4. 태그 내 텍스트 입력하기 1) input box의 경우 2) 다른 것들 - 예) 버튼의 텍스트 바꾸기 5. 태그 내 html 입력하기 ~ 내에, 동적으로 html을 넣고 싶을 땐? (예를 들어,..

단축키 모음 종류 단축키 새로고침 F5 저장 Ctrl + S 전체선택 Ctrl + A 잘라내기 Ctrl + X 콘솔창 줄바꿈 shift + enter 코드정렬 Ctrl + Alt + L 들여쓰기 Tab 주석 Ctrl + / 01. 서버/클라이언트/웹의 동작 개념 1) 웹의 동작 개념 (HTML을 받는 경우) 2) 웹의 동작 개념 (데이터만 받는 경우) 02. HTML, CSS 기본 내용 3) HTML과 CSS의 개념 4) HTML 기초 03. 간단한 로그인 페이지 만들어보기 04. CSS 기초 5) HTML 부모-자식 구조 살펴보기 6) CSS 기초 05. 자주 쓰이는 CSS 연습하기 7) 자주 쓰이는 CSS 연습하기 h1,h5 border-radius color width height padding m..

01. 앱 서비스의 기본 동작 구조 클라이언트와 서버 앱 서비스를 만든다는 건, 클라이언트와 서버 모두 만들어야 한다는 것을 뜻합니다. 앞으로 우린 이 둘을 모두 직접 만들어 앱 서비스를 완성해 나갑니다. 클라이언트는 사용자가 보는 화면입니다. 웹 사이트로 따지면 크롬 브라우저나 사파리, 익스플로러가 해당되겠고 앱으로 따지면 여러분들 휴대폰에 많이 존재하는 어플, 즉 앱 자체가 해당됩니다 서버는 여러분들이 원하는 데이터가 있는 곳이고, 원하는 데이터를 요청하면 이에 응답해주는 곳이기도 합니다. 앱, 즉 클라이언트에서 원하는 데이터가 있을 때마다 서버에 요청하고, 응답 데이터를 받아 사용자에게 보여줍니다 이는 비단 앱 서비스 뿐만 아니라, 웹 사이트 만들때도 일맥상통합니다. 그렇다면 우린 사용자들이 보는 ..