본문 바로가기

분류 전체보기327

[참고자료] 바닐라 자바스크립트 웹 프로젝트 소스 https://github.com/bradtraversy/vanillawebprojects bradtraversy/vanillawebprojects Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries - bradtraversy/vanillawebprojects github.com 바닐라 자바스크립트 소스를 참고할 수 있도록 깃허브 통해 제공해주고있어서 별도로 참고해서 공부해보는것도 좋을 것 같다! 2021. 6. 7.
나만의 웹 서비스만들기 배포하기(AWS) 터미널을 종료하더라도 계속해서 서버에 올라가 있을 수 있도록 작업을 해놨다! http://data05.shop K-Koding 맛집 리스트도 | Main 로그인 후 나만아는 우리동네 맛집을 추천해주세요! 로그인하지 않아도 맛집검색은 가능합니다! 아이디는 2-10자의 영문과 숫자와 일부 특수문자(._-)만 입력 가능합니다. 영문과 숫자 조합의 8-20 data05.shop 로컬환경에서 사이트를 만들고 테스트를 해본 이후 웹 서버에 배포를 했다! 1. AWS를 통해 ec2 서버를 구매 ※ 무료 서버를 구매했으며, Keypair 는 필수로 저장해야한다. 2. AWS ec2 접속하기 - 접근권한 변경하기 : sudo chmod 400 Keypair 끌어다놓기 - SSH 접속하기 : ssh -i Keypair 끌.. 2021. 6. 6.
개념정리(API)- mongoDB 사용하기(몽고DB) 파이참을 통해 mongoDB를 사용하는 방법에 대해 알아보자! mongoDB는 눈에 보이지않는다.(그래픽인터페이스 =GUI) 그렇다면 저장된 DB는 어떻게 확인할것인가! 바로, robo3T라는 프로그램을 통해 확인이 가능하다. robo3T에서 이름은 아무걸로 세팅해도 되지만, localhost : 27017 은 처음 세팅한 값에 맞춰줘야한다. * 데이터베이스 종류 데이터베이스 종류는 참고로 알아두자! 이제 본격적으로 내가 받은 정보들을 mongoDB에 저장해볼텐데, 해당 코드를 작업하기에 앞서! 가장중요한 패키지 설치는 필수로 해줘야한다. MAC OS의 경우 파이참 단축키 command+, 누르면 패키지설치화면으로 이동 (설치 패키지명 : pymongo) * pymongo 기본코드 기본코드는 외우지는 않.. 2021. 6. 3.
개념정리(Javascript) - 반복문(For in) 자바스크립트에서 자주 쓰이는 반복문에 대해 공부할 겸 정리를 해보았다! * For in 반복문 for in 반복문은 for문과 비슷하게 for 키워드를 사용합니다. 반복과 내부 요소에 접근하는 방식에 차이가 있으며 in 키워드를 기준으로 변수와 반복할 대상을 설정합니다. * 기본형태 for(변수 in 반복할 대상){ //실행 코드 } * 예제코드 Javascript //배열과 반복문 let arr1 = new Array(100,200,300,400,500); //for문 for(var i=0; i 2021. 6. 3.