시나브로rin

풀스택 웹개발 공부 기록하기 #13. 마지막 웹개발일지 그동안의 [웹개발일지#1~#13]의 코드는 github에 올라가 있습니다..! https://github.com/janghr1225?tab=repositories janghr1225 - Overview janghr1225 has 12 repositories available. Follow their code on GitHub. github.com 😉배포 마지막 단계!!😉 ssh 접속을 끊어도 서버가 계속 돌아갈 수 있도록, 내 사이트 주소를 예쁘게, 공유할 때도 예쁘게 만들어보자!! 💾 nohup 설정 nohup 명령어는 프로세스 실행한 터미널의 세션 연결이 끊어지더라도 지속적으로 서버가 돌아갈 수 있게 하는 명령어 현재까지는 git bash를 종료..

풀스택 웹개발 공부 기록하기 #12. 😉지금까지 만들었던 프로젝트를 배포하기 위한 작업!😉 AWS 서버를 구매하여 클라이언트의 요청에 항상 응답해줄 수 있는 서버를 만든다. filezilla를 이용해서 서버에 파일을 업로드한다. 💾 AWS(Amazon Web Services) EC2 언제나 요청에 응답하려면 1. 컴퓨터가 항상 켜져 있고 프로그램이 실행되어 있어야 하고, 2. 모두가 접근할 수 있는 공개 주소인 공개 IP 주소(Public IP Address)로 나의 웹서비스에 접근할 수 있도록 해야한다. 이를 위해 필요한 것이 AWS라는 클라우드 서비스!! AWS에서 편하게 서버 관리를 하기 위해서 항상 켜 놓을 수 있는 컴퓨터인 EC2 사용권을 구입해 서버로 사용할 것! EC2 사용은 1년간 무료로 ..

💻 No.3 my favorite movie star 💻 👉여러 영화배우 리스트 중 좋아요 or 삭제를 클릭해서 인기 순위 만들기! https://github.com/janghr1225/i_like_my_movie_star_page GitHub - janghr1225/i_like_my_movie_star_page: 영화배우 좋아요 누르기 페이지만들기 영화배우 좋아요 누르기 페이지만들기. Contribute to janghr1225/i_like_my_movie_star_page development by creating an account on GitHub. github.com 👉만들 API 1. 조회(read) - 영화인 정보 전체를 조회 2. 좋아요(update) - 클라이언트에서 받은 이름(name_..

개발일지#2에서 html, css, javascript, bootstrap을 활용하여 만들었던 원페이지 쇼핑몰에 기능 추가하기! 모두의 책리뷰와 유사함! https://github.com/janghr1225/shopping_project GitHub - janghr1225/shopping_project: 원페이지 쇼핑몰 프로젝트 완성 원페이지 쇼핑몰 프로젝트 완성. Contribute to janghr1225/shopping_project development by creating an account on GitHub. github.com 💻네번째 과제물💻 👉주무하기(POST) : 정보 입력 후 '주문하기' 버튼 클릭 시 주문 목록에 추가 👉 주문 내역 보기(GET) : 페이지 로딩 후 하단 주문 목록이..

풀스택 웹개발 공부 기록하기 #9. url을 입력하고 기사 저장을 눌렀을 때 '포스팅 성공!' alert 메시지! 😉Flask 활용, API, meta태그 스크래핑, POST, GET 😉 https://github.com/janghr1225/alonememo GitHub - janghr1225/alonememo: 나홀로 메모장 프로젝트 나홀로 메모장 프로젝트. Contribute to janghr1225/alonememo development by creating an account on GitHub. github.com 💻 No.2 alone memo 💻 👉포스팅 박스를 열어 메모할 링크, 메모할 내용을 입력하고, 저장 버튼을 누르면 meta 태그가 불려오면서 입력한 내용이 저장됨! 💾 meta 태그 ..

풀스택 웹개발 공부 기록하기 #8. 😉Flask 프레임워크를 활용하여 서버 만들기😉 https://github.com/janghr1225/bookreview_page GitHub - janghr1225/bookreview_page: 책리뷰 프로젝트 책리뷰 프로젝트. Contribute to janghr1225/bookreview_page development by creating an account on GitHub. github.com 💾 Flask 사용 서버를 구동시켜주는 코드 모음이라고 생각해도 ok 파이참에서 flask 패키지 설치 후 사용할 수 있음 app.py로 flask 서버를 돌리는 파일 지정하기 터미널 창 클릭하고 ctrl + c 누르면 서버 종료 flask 서버를 만들 때는 항상 프로젝..

💻세번째 과제물💻 👉지니뮤직 사이트 크롤링해서 음원 순위 가져오기!! 순위, 제목, 가수 순서대로 추출 정보가 깔끔하게 보이지 않을 경우, 파이썬 내장 함수인 strip()를 활용하기 https://github.com/janghr1225/pythonprac GitHub - janghr1225/pythonprac: 파이썬 연습(지니뮤직 크롤링, 퀴즈) 파이썬 연습(지니뮤직 크롤링, 퀴즈). Contribute to janghr1225/pythonprac development by creating an account on GitHub. github.com 💻완성💻 여기서 상기해야할 것은? 👉 파이몽고 기본 코드 👉 bs4 기본 코드 👉 글자 배열 안맞는 것은 strip()함수 text.strip( ) 사용 ..

풀스택 웹개발 공부 기록하기 #6. 😉Python으로 웹크롤링을 해보고 mongoDB에 저장하기😉 💾 Python 자료형, 함수, 반복문, 조건문 예제 연습 ;(세미콜론)을 사용하지 않음 👉 자료형 #숫자, 문자형 name = 'bob' # 변수에는 문자열이 들어갈 수도 있고, num = 12 # 숫자가 들어갈 수도 있고, is_number = True # True 또는 False -> "Boolean"형이 들어갈 수도 있습니다. #리스트형(javascript의 배열형과 동일) a_list = [] a_list.append(1) # 리스트에 값을 넣는다 a_list.append([2,3]) # 리스트에 [2,3]이라는 리스트를 다시 넣는다 # a_list의 값은? [1,[2,3]] # a_list[0]의..

첫번째 과제물에 환율 정보 뿌리기!!😁 💻두번째 과제물💻 👉로딩이 완료되면, 환률 API를 이용해 실시간 환율 표시하기 💻완성💻 여기서 상기해야할 것은? 👉 ajax의 기본 형식 👉 로딩 완료 후 바로 환율을 표시하기 == 로딩 후 바로 호출 $(document).ready(function(){ alert('다 로딩됐다!') }); $(document).ready(function () { get_rate(); }); 달러-원 환율 : 0000.00 첫번째 과제물에 위 코드를 알맞은 태그 안에 삽입하기만 하면 끝.

풀스택 웹개발 공부 기록하기 #4. 😉 jQuery를 이용해 Javascript로 HTML을 제어했다면, Ajax를 이용해 다시 서버에 데이터를 요청하고 받아오기😉 💾 Ajax Ajax는 jQuery를 임포트한 페이지에서만 동작 가능!! 일반 구글 링크에서 개발자도구를 열면 jQuery가 임포트되어있지 않으므로 에러 발생 👉 ajax의 기본 뼈대 $.ajax({ type: "GET",// GET 방식으로 요청한다. url: "여기에URL을입력",//요청할 url data: {},// 요청하면서 함께 줄 데이터 (GET 요청시엔 비워두기) success: function(response){// 서버에서 준 결과를 response라는 변수에 담음 console.log(response)// 서버에서 준 결과를..