본문 바로가기

전체 글86

TIL(211220): 파이썬프로젝트-숫자맞추기 게임 파이썬을 이용해 숫자맞추기 게임 만들기 스파르타코딩 수업 1주일 배우고 2주차 첫날부터 개인 프로젝트를 진행했다. 그동안 배운것들 뒤죽박죽이라 구글링하며 비슷한 예제 찾아가며 입력했는데, 두 가지 과제 중 한 가지만 거의 비슷하게 구현했고, 두 번째 프로젝트는 미완성으로 제출했다. 일주일간의 노력의 결과물인데, 그래도 백지에서 이 정도 결과물을 완성했다는 건 스스로에게 격려해줄만하다. 그렇게 해야 더 열심히 할 수 있을 것 같다 *내가 자주하는 실수 -같다표시는 == 두번 사용할 것!! P값이 for문 바깥에 있으면 for문만큼 P를 반복하므로 P값을 for문안에 넣어준다. *프로젝트를 진행하면서 알아두면 좋은 함수, 코드들 *import random 이번 프로젝트는 random모듈을 이용하므로 rand.. 2021. 12. 20.
WIL(1주차) 험난한 1주일이 지났다. HTML,CSS 아주아주 기초적인것만 배웠던 기억을 떠올리면서 겨우겨우 정보를 꾸겨넣었지만, 아직도 완전히 내 것이 되기엔 멀었다. 앞으로의 개인 프로젝트를 진행할 수 있을까 걱정이 반이상인 지금 어떻게든 해보자라는 다짐으로 버텨보고 있다. 요 며칠 매니저님, 튜터님한테 글도 남겨보고, 처음보는 다른조 팀원에게 도움도 받아보고 낯을가리는 나에겐 너무나도 많은 일이 일어난 것 같은 느낌. 하지만 나의 두 번째 도메인과 (첫 번째 도메인은 개인사업 운영차 만들었다.) 처음으로 내 손으로 만들어본 웹페이지의 결과물이 나를 설레게 만들었다. 비록 보고 따라만들었지만 첫주차니깐 그리고 내 스스로 답을 찾으려는 노력을 틈틈히 해보았다. 자기주도적 학습이라는 것이 정말 쉬운 일은 아니다. 여.. 2021. 12. 20.
5주차(2) 웹개발 강의: 도메인연결, og이미지 *도메인연결 -우선 nohup으로 서버를 연결해놓는다. (nohup python app.py // 이때 키페어입력 후 경로확인해볼것!) -가비아에서 https://dns.gabia.com/ 구매한 도메인 체크, DNS설정 체크 -호스트'@', IP주소:인스턴스주소(숫자만넣기 123.345.56.78), 상태확인, 저장 >>세팅완료팝업 -이제 구매한 도메인으로 서버접속 가능 *OG이미지 카톡같은 곳에서 링크공유할때 보이는 미리보기이미지 설정 og태그(og:image, og:title, og:description) 카카오톡 같은곳에선 og이미지가 안바뀔때가 있는데, 이것은 한번 저장한것을 계속 띄우는 시스템이라서 초기화를 해줘야한다. 강의자료 참고할것.. 2021. 12. 18.
5주차(1) 웹개발 강의: 프로젝트 서버에 올리기 다들 쉽게 서버를 연결한 것 같은데, 나는 강의자료와 다르게 갔던 것 같아서 조금 애를 먹었다. (너무 기초 개념이 안 잡혀있어서 질문하기도 상당히 애매한 수준...) 클라우드 환경을 활용하여 웹서비스에 접근할 수 있도록 만든다. -AWS서버구매 후 연결 *GitBash에서 세팅하기 GitBash에서는 AWS EC2에서 구매한 가상의 컴퓨터(클라우드 같은 개념)를 연결한다. 가상의 컴퓨터, 리눅스는 마우스가 없어서 명령어를 입력하여 사용한다. GitBash를 시작하기 전에 우선 키페어를 준비해야한다. 그리고 여러 명령어가 등장하는데, 굳이 다 기억할 필요는 없고, 잘 기록해두고 붙여써도 될 듯하다. *GitBash로 컴퓨터에 원격접속 -GitBash로 키페어등록하기(나는 윈도우를 사용하기 때문에 윈도우기.. 2021. 12. 18.
5주차(1) 웹개발 강의: 파일질라, 가비아 / 버킷리스트 만들기 -파일질라(Filezilla): 파일을 보내는 프로그램 -가비아: 도메인구매 이제 코딩 준비 끝! *프로젝트세팅 -bucket프로젝트생성, Venv확인, 파이썬버전확인 -디렉토리(static, templates)생성, app.py생성, templates안에 index.html생성 -설정에서 패키지설치: pymongo, dnspython, flask, BS4, requests -MongDB Atlas 준비하기 *POST연습(기록하기) -API만들어사용하기(기록API/POST) -요청정보: URL=/bucket, -요청방식: POST -클라이언트(Ajax) >> 서버(Flask): bucket을 보내면 -서버(Flask) >> 클라이언트(Ajax): ('기록완료!')의 메시지를 보낸다. //리스트의 번호를 .. 2021. 12. 17.
4주차 웹개발 강의: 팬명록만들기 예제(개발일지) * 항상 DB(MongoDB사용)를 준비한다. * 새 프로젝트를 열고, static 과 templates 디렉토리 생성 * app.py생성, templates 안에 index.html 생성 * 패키지설치: flask, BS4, dnspython, pymongo, requests POST연결 1. 요청정보: URL=/homework, 요청방식=POST2. 클라이언트(Ajax) >> 서버(Flask): name, comment3. 서버(Flask) >> 클라이언트(Ajax): 메시지보냄(입력완료) GET연결 1. 요청정보: URL=/homework, 요청방식=GET2. 클라이언트(Ajax)>>서버(Flask): 없음3. 서버(Flask)>>클라이언트(Ajax): 전체데이터보내주기 -서버 만들기: 여러개 찾기.. 2021. 12. 17.
2주차(3) 웹개발 강의: Ajax * API란? :서버에서 클라이언트가 요청을 할 때 필요한 창구 역할 API에는 'GET'방식과 'POST'방식이 있다. -GET방식: 데이터를 조회를 요청할 때 (예시: 우리가 무언가를 검색할 때) -POST방식: 데이터를 생성, 변경, 삭제를 요청할 때 (예시:회워가입, 탈퇴, 비밀번호 수정 등) * JSON(JavaScript Object Notation) Json은 클라이언트가 서버로부터 받는 데이터 형식 key:value로 이루어져 딕셔너리와 리스트의 조합의 형식으로 보인다. 복잡한 데이터가 json뷰를 다운 받으면 정리된 모습으로 데이터를 보여준다. JSON형식0 { }: 객체(딕셔너리) [ ]: 배열 " ": 문자열 문자열 외: 숫자 [{ }]: 객체의 배열 -Jsonview(크롬에 설치) .. 2021. 12. 17.
2주차(2) 웹개발 강의: JQuery연습예제 #1. 빈칸 체크 함수 만들기 function q1() { } // 1. input-q1의 입력값을 가져온다. $('# .... ').val() 이렇게! // 2. 만약 입력값이 빈칸이면 if(입력값=='') // 3. alert('입력하세요!') 띄우기 // 4. alert(입력값) 띄우기 다음 문제에 대한 답과 해석(입력값을 입력할 때 $,#표시와 명령이 끝났을 때 ;세미콜론을 잊지말자) function q1(){ >>q1에 JQuery를 적용시킬건데, let value = $(#'input-q1').val(); >>input-q1의 이름을 가진 input을 이제 'value'라고 하자 if (value == ''){ >>만약에 'value'값이 공백과 같다면 alert('입력하세요'); >> ale.. 2021. 12. 17.
2주차(1) 웹개발 강의: JQuery *JQuery란? : HTML요소를 조작하는 편리한 Javascript를 미리 작성해 모아둔 것, 라이브러리 역할 JQuery는 Javascript의 코드보다 훨씬 심플하다. JQuery를 사용하기 위해서는 첨부된 링크에서 코드를 찾아 입력해야한다. - JQuery링크찾기: https://www.w3schools.com/jquery/jquery_get_started.asp jQuery Get Started W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL.. 2021. 12. 17.

티스토리툴바