티스토리

시나브로rin

검색하기

블로그 홈

시나브로rin

myrinstory.tistory.com/m

기록해야 할, 기록하고 싶은

구독자: 1

방명록 방문하기

주요 글 목록

[웹개발일지] #13. nohup 설정, og태그, 도메인 구매 풀스택 웹개발 공부 기록하기 #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를 종료.. 공감수 0 댓글수 0 2022. 3. 21.
[웹개발일지] #12. 서버 업로드하기(AWS, EC2, filezila) 풀스택 웹개발 공부 기록하기 #12. 😉지금까지 만들었던 프로젝트를 배포하기 위한 작업!😉 AWS 서버를 구매하여 클라이언트의 요청에 항상 응답해줄 수 있는 서버를 만든다. filezilla를 이용해서 서버에 파일을 업로드한다. 💾 AWS(Amazon Web Services) EC2 언제나 요청에 응답하려면 1. 컴퓨터가 항상 켜져 있고 프로그램이 실행되어 있어야 하고, 2. 모두가 접근할 수 있는 공개 주소인 공개 IP 주소(Public IP Address)로 나의 웹서비스에 접근할 수 있도록 해야한다. 이를 위해 필요한 것이 AWS라는 클라우드 서비스!! AWS에서 편하게 서버 관리를 하기 위해서 항상 켜 놓을 수 있는 컴퓨터인 EC2 사용권을 구입해 서버로 사용할 것! EC2 사용은 1년간 무료로 .. 공감수 0 댓글수 0 2022. 3. 19.
[웹개발일지] #11. mini_project_3. 무비스타 💻 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_.. 공감수 0 댓글수 0 2022. 3. 18.
[웹개발일지] #10. mini_project_원페이지쇼핑몰 기능 추가(POST, GET) 개발일지#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) : 페이지 로딩 후 하단 주문 목록이.. 공감수 0 댓글수 0 2022. 3. 17.
[웹개발일지] #9. mini_project_2. 나홀로메모장 풀스택 웹개발 공부 기록하기 #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 태그 .. 공감수 0 댓글수 0 2022. 3. 16.
[웹개발일지] #8. Flask 사용, mini_project_1. 모두의 책리뷰 풀스택 웹개발 공부 기록하기 #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 서버를 만들 때는 항상 프로젝.. 공감수 0 댓글수 0 2022. 3. 10.
[웹개발일지] #7. 지니뮤직 크롤링하기 💻세번째 과제물💻 👉지니뮤직 사이트 크롤링해서 음원 순위 가져오기!! 순위, 제목, 가수 순서대로 추출 정보가 깔끔하게 보이지 않을 경우, 파이썬 내장 함수인 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( ) 사용 .. 공감수 0 댓글수 0 2022. 3. 8.
[웹개발일지] #6. Python, mongoDB, Robo3T 활용하기 풀스택 웹개발 공부 기록하기 #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]의.. 공감수 0 댓글수 0 2022. 3. 7.
[웹개발일지] #5. 실시간 달러 환율 달기 첫번째 과제물에 환율 정보 뿌리기!!😁 💻두번째 과제물💻 👉로딩이 완료되면, 환률 API를 이용해 실시간 환율 표시하기 💻완성💻 여기서 상기해야할 것은? 👉 ajax의 기본 형식 👉 로딩 완료 후 바로 환율을 표시하기 == 로딩 후 바로 호출 $(document).ready(function(){ alert('다 로딩됐다!') }); $(document).ready(function () { get_rate(); }); 달러-원 환율 : 0000.00 첫번째 과제물에 위 코드를 알맞은 태그 안에 삽입하기만 하면 끝. 공감수 0 댓글수 0 2022. 3. 6.
[웹개발일지] #4. Ajax 적용 풀스택 웹개발 공부 기록하기 #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)// 서버에서 준 결과를.. 공감수 0 댓글수 0 2022. 3. 5.
[웹개발일지] #3. jQuery 적용 풀스택 웹개발 공부 기록하기 #3. 😉jQuery를 이용해 javascript를 html로 쉽제 제어하기😉 💾 JQuery html의 요소를 조작하고 편리한 javascript를 미리 작성해둔 라이브러리 마찬가지로 필요할 때 필요한 기능을 그때그때 구글링하기. 스크립트로 모든 기능을 구현할 수 있긴 하지만, 코드가 복잡하고 브라우저 간 호환성 문제를 고려하여 jQuery를 사용하기도 함. 자바스크립트보다 좀 더 직관적 미리 만둘어진 것을 가져와서 사용하는 것이므로 사용 전에 import 해야함 👉jQuery 임포트하기 👉css에서 class로 선택자 지정하여 사용했던 것처럼 jQuery에서도 id 값을 통해 특정 버튼/인풋박스/div/등을 가리켜 사용함 아티클 URL 간단 코멘트 기사 저장 👉크롬 개발자.. 공감수 0 댓글수 0 2022. 3. 4.
[웹개발일지] #2. 원페이지 쇼핑몰 html + css 만들기 개발일지#1에서 배웠던 html, css, javascript, bootstrap을 활용하여 만든 💻첫번째 과제물💻 👉주문하기 버튼을 클릭했을 때 '주문이 완료되었습니다.'라는 얼럿 띄우기 💻완성💻 여기서 상기해야할 것은? 👉 가격 부분 태그 h1태그 안에 span태그 👉 부트스트랩에서 사용한 input-group 구조 👉 자바스크립트에서의 alert 알림 설정 다이어리를 팝니다 가격:9,000원/개 !!귀여운 게 세상을 구한다!! 귀엽고 통통튀는 젤리곰다이어리로 행복한 하루를 마무리 하세요! 우울했던 하루도 젤리곰이 추억으로 만들어 줄 거에요:) 주문자이름 수량 -- 수량을 선택하세요 -- 1 2 3 4 5 주소 전화번호 주문하기 공감수 0 댓글수 0 2022. 3. 3.
[웹개발일지] #1. html, css, bootstrap, javascript 기초 한달간 공부한 풀스택 웹개발 공부 기록하기 #1. 이번 글은 아주 기초를 공부했던 기록이다. 마지막주에 만들 프로젝트를 위한..! 😉다음 일지로 넘어갈 수록 점점 완성될 예정😉 💾 html 기본 태그 딱히 문법이랄게 없는 html.. 그래서 편-안- html은 자주쓰는 태그들은 기억하고 필요한 게 생기면 그때그때 찾아보는 게 효율적! 모든 태그를 기억할 순 없으니까.. 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하.. 공감수 0 댓글수 0 2022. 2. 8.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.