본문 바로가기

Wil18

[WIL] 내일배움캠프 셋째 주_SPA와 Firebase 금요일부터 새로운 팀 프로젝트가 시작됐다. 이번 프로젝트의 목표는 뉴스피드 사이트를 구현하는 것. 우리 팀은 다양한 아이디어를 두고 고민하다가 오늘 먹은 음식을 게시물로 올려서 자랑하는 사이트를 만들기로 했다. 나는 마이페이지와 AW3를 이용한 배포를 맡았다. 일단 프로젝트 첫날에는 마이페이지의 기본적인 틀을 잡았고 주말에는 SPA와 Firebase 특강을 다시 들으며 프로젝트를 준비했다. Firebse를 이용하지 않은 SPA 구조는 그렇게 어렵지 않았는데 Firebase까지 연결해서 SPA를 구현하려니 어렵다. 이제 이번 주에는 마이페이지의 디자인을 조금 더 수정하고 Firebase를 연결해서 유저의 닉네임과 이메일 주소를 띄우고 프로필 이미지를 변경할 수 있는 기능을 구현해야 한다. 프로젝트 발표가 .. 2022. 11. 21.
[WIL] 내일배움캠프 둘째 주_알고리즘에 입문하다 Weekly I Learned 팀 프로젝트만 진행됐던 지난주와는 달리 이번 주에는 온전히 강의만 듣는 시간이었다. 원격으로 온라인 강의를 수강한다는 것은 집중력과 의지의 문제인 거 같다. 강의 듣다가도 자꾸 딴짓하게 되고 졸리기도 하고.. 그나마 zep이라는 온라인 공간에 다 같이 모여서 공부한다는 게 힘이 되었다. 그리고 녹강 외에도 zoom에서 실시간으로 튜터님들의 다양한 특강(자료구조 알고리즘, CS 기초 등)이 진행되었는데 동기 분들의 각종 드립과 함께하며 재밌게 들을 수 있었다ㅋㅋ 파이썬과 자바스크립트 강의는 둘 다 하루만에 끝난 것에 비해 자료구조 알고리즘 강의는 5주차에 달하는 과정이기도 하고 내용도 금방 이해할 수 없어서 강의를 듣는 데 많은 시간이 소요되고 있다. 모든 내용을 이해할 순 .. 2022. 11. 13.
[WIL] 내일배움캠프 첫째 주_미니프로젝트 결과물 정리 개강 첫 주부터 시작된 미니프로젝트가 금요일 발표와 함께 마무리되었다. 다른 팀들의 완성도 높은 결과물에 놀라기도 했지만 우리 팀도 주어진 시간과 능력 안에서 최선을 다했다고 말하고 싶다. 시연 영상 https://youtu.be/YQlDHxAkyGk 튜터님 피드백 githup up 하겠다는 의지 보기 좋았습니다.\n다만, 리액트 천재라고 해서 api를 대여섯개 썼을 줄 알았는데 2개만 써서 아쉬웠습니다.\n\n장고 부분을 잘 이해하고 있었어요. 서버에서 API콜 하는 부분과 단순히 html 랜더링 되는 부분도\n자료에 잘 정리해주신 것을 보니 서버-클라이언트 구조 잘 이해하고 있는 것 같아요.\n\n여러개의 app.py를 하나로 합치는 과정에서 어려움이 있었다고 했는데\n참 그런 부분이 어렵죠. 복붙으.. 2022. 11. 7.
WIL 웹개발 종합반 5주차 개발일지 [버킷리스트] app.py from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient client = MongoClient('mongodb+srv://test:sparta@cluster0.u9hyd9y.mongodb.net/Cluster0?retryWrites=true&w=majority') db = client.dbsparta @app.route('/') def home(): return render_template('index.html') @app.route("/bucket", methods=["POST"]) def bucket_post(): bucket_re.. 2022. 10. 29.
WIL 앱개발 종합반 2주차 개발일지 map 함수를 이용한 반복문 { tip.map((content,i)=>{ return ( {content.title} {content.desc} {content.date} ) }) } 삼항 연산자를 이용한 조건문 (기본 모습) let result = 조건 ? 참일 때 : 거짓 일때 (예제) let result = 10 == 9 ? true : false // result 2022. 10. 29.
WIL 웹개발 종합반 4주차 개발일지 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) GET 방식, POST 방식 GET → 데이터 조회(Read)를 요청할 때 예) 영화 목록 조회 → 데이터 전달 : URL 뒤에 물음표를 붙여 key=value로 전달 예) google.com?q=북극곰 POST → 데이터 생성(Create), 변경(Update), 삭제(De.. 2022. 10. 27.
WIL 웹개발 종합반 3주차 개발일지 2022.10.20 작성 Python 리스트 추가 방법 a_list.append() Python 함수 def sum(a,b) return a+b result = sum(1,2) Python 조건문 def is_adult(age): if age > 20: print('성인입니다') else: print('청소년이에요') is_adult(30) Python 반복문 fruits = ['사과','배','배','감','수박','귤','딸기','사과','배','수박'] count = 0 for fruit in fruits: if fruit == '사과': count += 1 print(count) Requests 이용해서 미세먼지 값 가져오기 import requests # requests r = requests... 2022. 10. 25.
WIL 웹개발 종합반 2주차 개발일지 2022.10.18 작성 짝/홀수 onclick 함수 JQuery input 박스의 값을 가져오기 $('#url').val(); JQuery 버튼 넣기 let temp_html = `나는 추가될 버튼이다!`; $('#cards-box').append(temp_html); JQuery 포스팅박스 열고 닫기 function open_box(){ $('#post-box').show() } function close_box(){ $('#post-box').hide() } JQuery 퀴즈1. 빈칸 체크 함수 만들기 JQuery 퀴즈2. 이메일 판별 함수 만들기 JQuery 퀴즈3. HTML 붙이기/지우기 Ajax 기본 골격 모든 구의 미세먼지 값 구하기 실시간 따릉이 현황 보여주기 날씨API를 이용해서 실시간 .. 2022. 10. 24.