개발 일기

Git 이란? Git 은 버전 관리를 위한 프로그램이다. 최종1, 최종2 이런식으로 버전을 일일이 저장해줄 필요없이, 중간 중간 프로젝트 상태를 저장하면 된다. 이를 commit 이라 한다. 코드의 분산 버전관리를 용이하게 해주는 프로그램이다. Git 의 장점은 코드의 병렬작업이 가능하다는 것이다. 즉 A와 B가 같은 파일을 작업하고 있더라도, 덮어지지 않는다. 버전 관리 시스템(Version Control Systme) 이 왜 중요할까? 버전 관리는 파일에 일어난 변경 사항을 추적하는 시스템이다. 즉, 1) 이전 상태로 돌려보기 2) 누가, 언제, 어디서 에러가 발생했는지, 히스토리를 추적하면서 찾을 수 있다. 즉 협업할 때, 어디서 에러가 났는지 찾는 수고로움으로부터 해방시켜줄 수 있는 필수적인 시스..

#코딩 개발일지 -Flask 프레임워크로 API 만들기 -GET/POST 요청으로 클라이언트의 데이터 받아오기 -크롤링으로 데이터 가져오고, 좋아요 누르기 등의 기능 설계/구현. API설계를 많이 했는데, 웹 개발 과정 중 여기가 제일 어려운 것 같다. API 설계는 모든 프로젝트를 만들 떄, 가장 먼저 해야하는 일이다. (1) 서비스에 어떤 기능이 필요한지? (2) 기능은 어떤 순서로 구현할건지? 이런 계획 잡는 걸 설계라고 한다. 구현하고자 하는 것을 조각내고, console.log 를 찍어가면서 중간 중간 확인해서 하는 연습을 들여야겠다. #오늘의 배움 Get 과 Post 기능 Get은 데이터를 읽어올 때 주로 쓰인다. 우리가 검색창에서 검색을 할 때 흔히 쓰이는 기능이다. 예를 들어, 구글에 월세..

# 개발 업무내용 오늘은 웹 개발 종합반 중반부를 복습하며, 아래 내용을 학습했다. (1) Ajax 콜 (2) 크롤링해서 몽고 DB에 저장하고 불러오기 (3) Flask 로 API 만들기. # 오늘의 배움 (1) 파이썬 파이썬의 변수, 자료형, 함수, 조건문, 반복문만 있으면, 거의 모든 로직을 구현할 수 있다. 여기서 프로그래밍에서의 함수란 정해진 동작을 수행하는 것을 말한다. 파이썬은 타 언어와 달리 중괄호가 없는데, 이는 indentation (띄어쓰기)가 로직을 내포하기 때문이다. def sum(num1, num2): print('안녕') return num1 + num2 파이썬 가상환경이란? 파이썬은 이미 개발 된 라이브러리와 패키지가 풍부하다. 여기서 가상환경이란? 내가 원하는 환경을 구축하기..

# 개발 업무 내용 HTML, CSS, Javascript 뼈대 학습 부트스트랩 활용 Jquery/Ajax : 서버와 클라이언트의 통신 이해 # 오늘의 이슈/고민 .. 그리고 해결한 내용 (1) 웹페이지를 만들 때 구조화해서 class 와 id 를 묶어주는 게 정말 중요하다. 아래 페이지는 상품 설명 description 을 class 로 묶어주지 않아서 그림과 함께 섞여버렸다. 를 로 다시 묶어주면, 아래와 같이 깔끔하게 나온다. (2) margin 과 Padding 은 늘 헷갈린다. Margin은 바깥쪽 Padding 안쪽이라는 것을 기억하자. (3) 글 속성을 박스로 바꿔주는 코드 Display:block; (4) 자료형 리스트 - 순서가 중요. 딕셔너리 - 순서가 상관 없음. (key:value)..

지난 번에 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 : 내 컴퓨터에 있는 파일을..

#API 만들기 모든 프로젝트를 설계할 땐, API 설계가 선행되어야 하는 일이다. 그래야 우리 서비스에 어떤 기능이 필요한지. 어떤 순서로 구현을 할지 계획을 잡을 수 있기 때문. API 는 은행의 창구 같은 것. 클라이언트가 요청을 할 때에도 '방식'이 존재한다. 클라이언트는 HTTP 라는 통신 규약을 따름. 클라이언트는 요청할 때 HTTP request method(요청 메소드)를 통해, 어떤 요청 종류인지 응답하는 서버 쪽에 정보 줌. 요청 메소드 리스트: https://developer.mozilla.org/ko/docs/Web/HTTP/Methods * GET → 통상적으로! 데이터 조회(Read)를 요청할 때 예) 영화 목록 조회 → 데이터 전달 : URL 뒤에 물음표를 붙여 key=valu..

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