본문 바로가기

분류 전체보기110

[Spring] 게시판 프로젝트2 - Oracle Database 연동 아직 다운로드하지 않은 경우 아래의 링크에서 다운로드 https://www.oracle.com/database/technologies/xe-prior-releases.html SQLDeveloper설치 https://www.oracle.com/tools/downloads/sqldev-downloads.html * 처음 접속하는 경우 SYSTEM 계정 생성 작업 필요 더보기 SYSTEM계정은 우리가 사용하는 계정이 아님!! 🙅‍♀️🙅‍♂️🙅‍♀️🙅‍♂️🙅‍♀️🙅‍♂️ 사용할 계정은 따로 생성하여 사용하도록 함 (앞으로의 모든 DB를 다룰 때 공통으로 주의해야 할 사항임) 1. 사용 계정 생성 (1) SYSTEM계정의 편집기 화면에서 다음 코드를 추가하고 명령문 실행 명령문 실행을 누르면 스크립트로 boar.. 2021. 7. 2.
[Spring] 게시판 프로젝트1 - 프로젝트 생성 1. Spring Legacy Project > Spring MVC project 생성 원하는 프로젝트명으로 이름 붙여주기 패키지 이름은 명명규칙을 따라서 작성한다. (아래의 링크를 참고하여 만들 것) https://codedragon.tistory.com/228 패키지이름(Package Name) 명명규칙, 패키지 명명 방법 패키지이름(Package Name) · 애플리케이션을 구분하는 고유한 값 · 여러분이 만든 앱이 디바이스에 설치되었을 때 다른 앱들과 구분하는 역할을 하므로 유일무이해야 합니다. codedragon.tistory.com 2. pom.xml에서 다음을 수정 * 변경 - 기존의 값을 변경하기 * 추가 - 기존에는 없으니까 붙여넣기 (추가코드들은 하나로 묶어서 아래에 첨부) 각 내용에 .. 2021. 7. 2.
가비아서비스를 이용한 도메인 연결 https://customer.gabia.com/manual/hosting/324/4457 가비아: 국내 1위 customer.gabia.com 태옹은 가비아에서 할인행사 중인 500원 1년짜리 도메인을 구입해둔 상태이다. 도메인 구입까지 완료했다고 가정하고 진행한다. 가비아 사이트에서 my가비아 -> DNS관리 페이지로 들어가게 되면 내가 구입한 도메인을 확인할 수 있다. 우측에 설정을 누르면 아래와 같은 페이지가 뜬다. 레코드 수정을 누르면 아래와 같은 창이 뜨는데 레코드 추가를 누른다. 호스트에 @, 값/위치에 내 퍼블릭IP주소를 입력해준 후 저장한다. 이제 내가 등록한 도메인을 URL에 입력해보면 http://taeong.shop/ (지금은 중지시켜놓음) IP주소를 친 것과 동일하게 도메인 주소로.. 2021. 6. 30.
nohup 설정하기 클라우드 서버를 구매하는 이유는 여러가지가 있겠지만 항상 컴퓨터를 켜놓지 않더라도 서버를 사용하기 위함이 대부분 가장 필요한 부분일 것이다. 그러나 아직까지 우리가 세팅한 환경에서는 git bash를 중지하면 서버도 동시에 꺼져버린다. nohup python app.py & 자신이 실행하려는 파일의 실행코드 앞에 nohup을 붙이고 끝에 &을 붙이게 되면 git bash창을 끄더라도 계속 서버는 사용가능한 것을 확인할 수 있다. 종료하는 방법은 아래와 같다. # 아래 명령어로 미리 pid 값(프로세스 번호)을 본다 ps -ef | grep 'app.py' # ps -ef : 현재 컴퓨터에서 돌아가고 있는 프로세스 확인 # grep 'app.py' : app.py가 포함된 프로세스만 골라서 보여줌 다음 명.. 2021. 6. 30.
[Linux] 포트포워딩 sudo iptables -t nat -A PREROUTING -i eth0 -p tcp --dport 80 -j REDIRECT --to-port 5000 위와 같은 명령어를 실행하게 되면 80포트를 5000포트로 포워딩시켜주는 기능을 한다. 이것을 포트포워딩이라고 부른다. (리눅스 기본 제공) 이전에 우리가 EC2 인스턴스의 보안 그룹에서 규칙편집을 해줄 때 80포트를 열어두었는데, 그 80포트는 http의 포트번호를 말한다. http 요청에서는 80포트가 기본이기 때문에, 굳이 :80을 붙이지 않아도 자동으로 연결된다. 즉, http가 붙은 경우 :80는 생략이 가능하다. (예를 들어 우리가 네이버를 접속하게 되면 네이버의 URL주소를 확인할 수 있다. 네이버의 URL주소는 https://www.n.. 2021. 6. 30.
DB - 서버 연결 및 웹프로젝트 업로드 (Robo3T, FileZilla) Robo3T를 이용한 DB와 서버 연결 1. robo3T를 첫 실행하면 다음과 같은 창이 뜸 -> 새로 DB만들어줄거니까 create누르기 2. name에는 원하는 DB명, Address에는 본인 퍼블릭ip주소 입력 3. Authentication 들어가서 Perform authentication 체크, user name, password란 입력, 하단에 Test버튼 누르기 4. Test누르면 지금까지 입력한 정보를 확인할 수 있음 5. 저장하고 connect하면 서버와 DB가 연결됨 FileZilla에 파일 업로드 1. 업로드할 python파일에 아래 명령어 추가 client = MongoClient('mongodb://test:test@localhost', 27017) # client = MongoC.. 2021. 6. 30.
git bash에서 EC2접속 및 서버 세팅하기(Window) Git bash에서 EC2 접속 1. git bash에 접속해서 아래의 명령어로 EC2 접속 $ ssh -i /c/Users/sun990520/Desktop/sparta/sparta.pem ubuntu@3.35.207.244 $ ssh -i 키페어경로 ubuntu@퍼블릭 IPv4 주소 키페어경로는 자기 aws키페어를 드래그해서 붙여넣으면 됨 2. FileZilla에서 파일 업로드 FileZilla : 파일을 업로드, 다운로드 시켜주는 프로그램 (1) 파일질라에 접속하면 저 노란색 형광펜으로 칠해놓은 부분('사이트관리자 열기')을 클릭 (2) New site 눌러서 이름 설정하고 (3) 프로토콜을 SFTP로 설정 (4) 호스트에 EC2 인스턴스 퍼블릭 IP주소 입력 / 포트번호는 22 (5) 로그온 유형을.. 2021. 6. 30.
[pymongo] pymongo를 사용한 좋아요(추천) 기능 구현 1. 좋아요 수를 기준으로 내림차순 정렬한 데이터를 가져오는 경우 https://www.w3schools.com/python/python_mongodb_sort.asp Python MongoDB Sort Python MongoDB Sort Sort the Result Use the sort() method to sort the result in ascending or descending order. The sort() method takes one parameter for "fieldname" and one parameter for "direction" (ascending is the default direction). Example Sort the re www.w3schools.com movie_sta.. 2021. 6. 29.
[pymongo] 웹스크래핑 결과를 mongoDB에 저장하기 1. 먼저 웹스크래핑한 코드를 준비 import requests from bs4 import BeautifulSoup # URL을 읽어서 HTML를 받아오고, headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'} data = requests.get('https://movie.naver.com/movie/sdb/rank/rmovie.nhn?sel=pnt&date=20200303',headers=headers) # HTML을 BeautifulSoup이라는 라이브러리를 활용해 검색하기 용이한 상태로 만듦 sou.. 2021. 6. 27.
[pymongo] 파이썬으로 MongoDB 사용하기 pymongo 패키지 설치 필요! pymongo 기본 코드 from pymongo import MongoClient client = MongoClient('localhost', 27017) db = client.dbtest # dbtest라는 데이터베이스에 접속 # 코딩 시작 dbtest라는 이름의 데이터베이스가 없는 경우 새로 만들어줌 insert doc = {'name':'bobby','age':21} db.users.insert_one(doc) users라는 콜렉션(RDB에서는 테이블의 개념)에 doc딕셔너리 데이터를 입력 find / find_one # find same_ages = list(db.users.find({'age':21},{'_id':False})) # same_ages = list.. 2021. 6. 27.
[NoSQL] MongoDB 설치하기 및 환경변수 설정(Window) MongoDB 설치하기 https://www.mongodb.com/try/download/community MongoDB Community Download Download the Community version of MongoDB's non-relational database server from MongoDB's download center. www.mongodb.com 1. 링크 타고 들어가서 window 설정하고 다운로드 2. 다음 설명 전까지는 쭉쭉 next 3. 아래 화면에서 Custom누르기 4. Browse누르고 저장할 경로 지정하기 5. 그 다음 next쭉쭉 누르다가 아래 화면에서 Install MongoDB Compass 체크박스 해제하고 next 6. 혹시나 중간에 어떤 창 뜨면 ign.. 2021. 6. 26.
[Ajax] Ajax기초 Ajax는 jQuery를 임포트한 페이지에서만 동작함 Ajax기본골격 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) url에 있는 값이 해당 코드를 통해서 response로 저장됨 문제1) 서울시 OpenAPI를 이용하여 데이터 표기 http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99 1. 모든 구의 미세먼지 표기 (구 이름 : 미세먼지수치) 2. 업데이트 버튼을 누를 때마다 지웠다 새로 씌어져야 함 3. 미세먼지수치가 70이 넘은 행은 빨간색으로 표기 문제.. 2021. 6. 26.
[JQuery] 제이쿼리 기초 jQuery란? html의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리(사용 전 import필수) jQuery등장배경 : 자바스크립트 보완 자바스크립트의 문제점 1) 코드 복잡 2) 브라우저 간 호환성 문제 고려 - 불편 자바스크립트 코드 document.getElementById("element").style.display = "none"; 제이쿼리 코드 $('#element').hide(); 제이쿼리 import https://www.w3schools.com/jquery/jquery_get_started.asp jQuery Get Started jQuery Get Started Adding jQuery to Your Web Pages There are several .. 2021. 6. 26.
스토리보드 제작 및 테이블 설계 아 진짜 무슨 종강하고 과제를 내주냐고.........🤦‍♀️ 아무튼 지금 태옹은 종강을 했는데 스토리보드 제작 및 데이터베이스 설계 과제를 열나 하고있는 중이다. 디비 설계는 그래도 좋았는데 하다보니까 점점 테이블 수가 많아져서 '어랏 뭔가 이상하다'싶은 상태고 스토리보드는 완전히 노가다여서 거품물고 하고있다. 아무튼 갑자기 생각나서 지금 사용하고 있는 프로그램툴을 소개해볼까 한다. 1. AQueryTool - 테이블 설계 툴 https://aquerytool.com/ AQueryTool AQueryTool은 웹 기반 ERD 툴 + SQL 자동 생성 프로그램입니다. aquerytool.com 무료로, 웹에서 간편하게 테이블을 설계할 수 있다. 로그인 기능이 있어서 만든 테이블을 저장할 수도 있고 이미지.. 2021. 6. 24.
[css] 자주 쓰는 애들 메모 1. 백그라운드 이미지 설정하기 background-image:url("이미지 url"); background-size:cover; background-position:center; 2. 화면 중앙에 위치시키기 요소들을 하나의 div안에 넣어놓고 magin속성을 auto로 지정 /*텍스트의 경우(바로 중앙정렬 안됨)*/ display:block;/*박스로 먼저 만들어줌*/ margin:auto; 또는 justify-content를 center로 지정 justify-content : center; 3. 폰트 설정 https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through gr.. 2021. 6. 20.