개발 일기

팀 프로젝트 - 내일 뭐 먹지 - 1015 중간 회의 & 에러 일기 원래 DB 는 data.py 에서 따로 분류했다. 판다스를 import 해서, data = pd.read_csv('파일명') 으로 불러오고, 이 파일을 돌릴 로컬 DB 서버를 지정해준 뒤 client = MongoClient('localhost', 27017) db = client.team_project data 를 한번 돌리고, localhost 에 쌓이면 그것을 받아와서 웹 사이트에 띄웠다. # 최근 튜터님과의 팀 회의를 끝내고, EC2 를 두 대로 나눠서 돌려보기로 했다. (1) DB 인스턴스 (2) 실제로 서비스가 배포될 인스턴스 DB 가 생성된 ec2 인스턴스로 app.py 를 돌렸는데, 서버가 기능하지 않았다. (버튼이 넘어가..

지난 번에 AWS 서버에 올린 웹페이지를 수정하고, 다시 파일질라에 올렸다. (파일을 수정하더라도 내 컴퓨터에만 저장된 것이기 때문에, 파일질라에 업데이트된 파일을 다시 올린다) 그랬더니 Address already in use 라는 에러 메시지가 떴다. app.run('0.0.0.0', port = 5000) 이라고 되어있는 것을 보니, 5000포트를 이전 파일이 점유하고 있는 듯하다. 아래 명령어를 입력해서, 점유된 프로세스를 kill 한다. #pid 값(프로세스 번호) 을 찾는다. ps -ef | grep '파일명' #특정 프로세스를 죽인다 kill -9 [pid 값] 다시 실행하면 정상적으로 연결된다. 웹페이지도 잘 뜨는 것을 확인할 수 있다. P.S. 박해씨님께서 블로그에 잘 설명해주신 자료가 ..

배포 배포란 무엇인가? 내가 만든 서비스를 누구나 사용할 수 하는 작업. 서버의 역할: 클라이언트 (주로 브라우저) 가 요청을 하면 브라우저에게 그릴 것을 주거나, AJAX 에 대한 답변으로 데이터를 주거나. 가운데서 주고 받아옴. 어떤 컴퓨터도 서버가 될 수 있다. 언제나 요청에 응답하려면? 컴퓨터가 항상 켜져있고 프로그램 (여기서는 APP.PY)가 실행되어 있어야 하고 모두가 접근할 수 있는 공개 IP 주소로 나의 웹 서비스에 접근할 수 있도록 컴퓨터를 열어놔야 함. 통상적으로 내가 쓰는 서비스가 아니라, 클라우드 (인터넷 환경)의 컴퓨터를 써서 올려놓고 사람들이 그쪽으로 접속하게 만들어둔다. Linux 는 오픈소스고 라이센스비가 필요 없다. 서버세팅하기 Filezilla : 내 컴퓨터에 있는 파일을..

#가장 자주 하는 실수는 syntax error 다. For 문을 이렇게 감싸줘야 함. } 하나를 빼먹어서 자꾸 에러가 나는 경우가 많다. for 문을 실행할 때는, for 문과 결과값 까지 같이 감싸줘야 한다. # 기존에 있는 상자들을 없애고 싶을 때 (1) Ajax 시작 전에 하거나. (2) 맨 앞에서 없애고 시작한다 #파이썬 시작 -파이썬을 설치했다는 건 파이썬 interpreter 를 설치했다는 것과 같은 말이다. -가상환경 = 프로젝트별 공구함이라고 생각하자. 라이브러리를 담아두는 폴더다. #에러를 볼 때는 (1) 끝에서 첫 번째: 에러에 대한 설명 (2) 끝에서 두 번째: 에러의 위치 #태도 중괄호, 대괄호는 언제 쓰지? 이렇게 이해하려고 하면 안됨. Person 의 age키값을 가져올 때는 ..

# Javascript 복습 *자주 하기 쉬운 실수 let count = 1; 을 앞에 넣어버리면, count +=1; 로 카운트 업을 시키더라도 다시 1로 돌아간다. 여러 번 클릭을 해도 한 번으로 인식해서, 계속 '홀수입니다' 라고 나온다. 아예 function 에서 빼서 let count 를 설정해주면, 이런 오류가 나지 않는다. #Jquery란? 자바스크립트는 HTML의 요소들을 조작하여 움직이게 한다. JQuery는 Javascript를 미리 작성해둔 라이브러리. jQuery는 Javascript와 다른 특별한 소프트웨어가 아니라 미리 작성된 Javascript 코드다. 전문 개발자들이 짜둔 코드를 잘 가져와서 사용하는 것이기때문에, 쓰기 전에 "임포트"! [서버- 클라이언트 통신] Javasc..

스파르타 코딩클럽 1주차는 HTML, CSS, Javascript 기초 개념과 실습을 다룬다. (1) 브라우저 기본 브라우저의 역할 1) 서버에게 요청함 (url + enter) 2) 서버가 준 정보 받아서 그대로 그려준다. HTML 은 뼈대를 잡아줌 CSS 는 꾸밈 자바 스크립트: 움직임 + 클릭하면 이동함. (2) HTML html 을 디자인할 때 가장 중요한 것은 DIV 로 묶어 주는 것이다. 웹 페이지 디자인을 할 때에도, 어디를 묶어줄지 (EX. 이미지, 타이틀, 본문 등) 먼저 생각하자. DIV 는 눈에 보이지 않기 때문에 맨 처음에 사이즈를 정할 때는 Background-color 를 깔아준다. 백그라운드에 이미지를 넣어줄 때는 아래 세 가지가 항상 세트로 다닌다. (3) CSS -Margi..

지난 포스팅에서 설명 드렸듯, 저는 Typora 에 마크다운을 작성해서 티스토리에 붙여넣고 있습니다. 폰트, 이탤릭체, 코드 등 전반적으로 호환이 잘 되는데, 코드블럭은 Typora 입력문과 충돌하는 에러가 있었습니다. 1. 코드 블럭 첫 라인이 자동으로 들여쓰기 될 때, (1) 수정하고자 하는 페이지에서 F12 (개발자도구) 를 누르면, 오른쪽 페이지가 뜹니다. 여기서 빨간색 동그라미를 누르면 (Ctrl + Shift + C), html element 들을 확인할 수 있어요. (2) 들여쓰기가 잘못된 블록을 클릭합니다. Padding 이 16px 로 되어 있어서 들여쓰기가 된 것 같아요. 0px 로 수정합시다. (3) Elements 오른쪽에 보면 Styles 가 보이는데요. pre code.hljs ..

마크다운 (Markdown) 이란? 마크다운은 (Markdown) 일반 텍스트 기반의 경량 마크업 언어입니다. 여기서 일반 텍스트란 읽을 수 있는 자료의 문자열을 뜻하고, 마크업 언어는 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어입니다. 문서 디자인, 포맷팅 등에 사용하고, 문법이 쉽고 간단한 것이 특징입니다 (위키백과). Typora 라는 무료 에디터를 쓰면, 문법을 기억할 필요 없이 내장 기능을 통해서 더 편하게 쓰실 수 있어요. 티스토리 블로그에서 마크다운 언어를 쓸 수 있도록 설정하는 법을 다뤄보겠습니다. 대략적인 순서는 아래와 같습니다. (1) Github Markdown CSS 파일 다운 받기. (2) 티스토리 스킨에 HTML, CSS 서식 변경하기. (3) Typora 에디터 다..