스파르타코딩
-
[항해99]WEEK1-WILsparta 2021. 6. 13. 21:31
WEEK1. 생각보다 배멀미가 심하네 폭풍같은 항해 1주차가 지났다. 웹개발 종합반과 플러스 강의를 들으면서 팀을 이뤄 미니프로젝트를 4일간 진행했다. 와이어프레임을 짜면서 필수적으로 들어가야 하는 기능과 부가적으로 추가되었으면 하는 기능들을 나누고 각자 페이지를 정해 개발을 시작했다. 우리 팀은 내새끼 자랑이라는 컨셉으로 우리들의 반려동물을 위한 일기 작성 페이지를 만들었는데, -회원가입 -로그인/로그아웃 -게시글 작성 -이미지 업로드시 미리보기 -게시글 삭제(작성자만 삭제할 수 있도록 버튼 생성) -상세게시글 보기 등 여러 기능을 넣었지만 이 중 내가 제대로 구현 할 수 있었던 것들은 게시글 작성 정도라 눈물이 앞을 가린다. 첫 프로젝트가 끝나고 다른 팀과 회고를 할때 공통적으로 나왔던 말이, 이 코..
-
[항해99]00사전준비/5주차sparta/웹개발 2021. 6. 6. 02:21
Flask 프레임워크를 활용해서 API를 만들 수 있다. '마이 페이보릿 무비스타'를 완성한다. EC2에 내 프로젝트를 올리고, 자랑한다! 배포준비 1. Filezilla 설치 : 서버에 업로드 및 다운로드 하는 통로 2. 가비아에서 도메인 구입. [무비스타] 프로젝트 1. flask폴더 구조 만들어 세팅 완료 2. DB만들기 실제 프로젝트는 사용할 데이터를 웹 스크래핑 해서 DB에 저장하는 코드를 사용하지만, API 연습 프로젝트이니 이 부분은 생략. 3. 뼈대 준비 index.html 파일과 app.py 파일 준비. 4. GET연습(보여주기) ① 만들기능 : 영화인 정보를 카드로 보여주기. ② 문제분석 : 화면과 동작 살피기.(화면에 어떤 데이터가 어떤 부분에 보여지는지 파악.) ③ 만들 API : ..
-
[항해99]00사전준비/4주차★GET연습sparta/웹개발 2021. 6. 5. 02:35
1.클라이언트와 서버연결 확인(POST연습과 유사) ① 새로고침 하고 app.py 파일에서 POST 함수부분을 index.html 파일에서 연결되는 곳 찾기. ② (없으면 기존 코드 참고해서 새로 작성.) ③ 해당 부분의 함수 기능(버튼이면 클릭해서) 결과값(alert창 등)이 나오는지 연결 확인. ④ (결과값의 내부 메세지는 app.py로 돌아와서 확인. ⑤ index.html에서 해당 함수가 어디에 위치하는지 확인. 2.서버만들기 (app.py 파일) ① 클라이언트로부터 데이터 받을 필요 없음. (모인 데이터를 보여주기만 할뿐.) ② dbprac에서 여러개 찾기 가져와서 변수, 컬렉션명 수정. find 조건없으면 비움. *mongo DB에서 자료 내려주는 것. ③ 내려줄 정보만 return jason..
-
[항해99]00사전준비/3주차sparta/웹개발 2021. 6. 4. 14:05
바쁘다 바빠 현대사회 일단 머리에 다 욱여 넣고 있다. 1. Python 파이썬에서의 반복문은 리스트의 요소들을 하나씩 꺼내쓰는 형태로 무조건 리스트와 함께 쓰임! 2. 크롤링 크롤링 시 text를 가져올때 문자열 쪼개기. 파이썬에서는 문자열 자체가 리스트 취급을 당하기 때문에 그냥 리스트에서 특정 구문을 빼오듯이 쓰면 그게 substring()이다. 3. mongoDB database로 data를 쌓아 두는 곳. *Robo3T? 내 눈에 보이지 않고 돌아가는 데이터들을 RoboT를 사용하여 MongoDB data를 볼수 있도록 한다. DB는 크게 두가지 : SQL / NoSQL 1. SQL : 행과 열이 정해져 있는 엑셀과 비슷. 따라서 중간에 데이터 변경 힘든 반면 데이터 분석 용이 ex) My-SQ..
-
[항해99]00사전준비/2주차sparta/웹개발 2021. 6. 3. 17:19
JavaScript심화 차수다. 1. 변수를 함수 안에 넣으면 함수가 끝나면서 자동으로 사라짐. 따라서 아래와 같이 함수 밖에 위치해야 함. 2. JQuery 미리 작성된 Javascript 코드로 쓰기 전에 import 해야함. 남이 작성해 놓은 CSS를 Bootstrap으로 가져오듯이, 남이 작성해 놓은 Javascript를 JQuery로 가져와서 씀! *자주쓰는 JQuery 1. input박스 값 가져오기 $('#post-url').val(); 2. div보이기 및 숨기기 $('#post-box').hide(); $('#post-box').show(); 3. css값 가져오기 $('#post-box').css('display'); 4. 태그 내 텍스트 입력 $('#btn-posting-box').t..
-
[항해99]00사전준비/1주차sparta/웹개발 2021. 6. 3. 02:56
본격적 개강이 5일밖에 남지 않은 시점에 시작하게 되어 시간이 매우 촉박한 상황이다. 하루에 한주차씩 잡아야 하는 상황..ㅠㅠ 약간 우당탕탕 느낌이 없지 않아 있지만 대충, 빨리, 잘 따라가보자. 1주차 사전준비는 HTML, CSS, JavaScript의 기초 문법과 그 예시들을 직접 해보는 시간이었다. 혼자 여러 강의를 찾아 공부할때는 기억해야할 것이 무엇인지 추려내는데 많은 시간이 걸렸다. 반면 99일이라는 타이트한 기간안에 개발자로 거듭나려는 커리큘럼은 그 많은 시간을 압축적으로 줄여줬다. 1. 외우지 말라 여러번의 예시를 반복적으로 풀어보면서 자연스럽게 익히게 하자. 모르는건 구글링! 2. CSS부트스트랩 사용하기 기존 사용자들이 작성해 놓은 코드를 사용함으로써 시간단축. https://getbo..