개발 일기

The four Fs (참고링크) 방식으로 이번 주를 회고해보았다. (1) FACTS : 이번 일주일 동안 한 일 -Git: 튜터님의 강의를 듣고 이해가 가지 않아서, 유투브 강의를 듣고, add-commit-push, branch 의 개념, Git 의 개념을 잡았다. 소스트리와 CLI 로 여러 번 생성해보았다. -웹 개발 종합반 수업을 다시 들으면서, 서버랑 클라이언트를 연결하고, 웹 페이지에 기능을 추가하는 걸 연습했다. (2) Feelings: 나의 감정적인 반응, 느낌 -Git 실습에서 commit 하지 않은 변경사항이 있는 경우에는, pull 을 할 수 없다는 게 이해가 안갔다. (git 의 가장 기초적인 개념을 전혀 이해하지 못했던 상태였다!) 튜터님이 설명해주셔도 이해가 안 되서, 내가 이걸..

Git 실습 중 에러 -로컬 repo 와 원격 repo 를 연결하고, -push 로 로컬 repo 의 commit 들을 원격 repo commit들에 합치고 pull 을 하는 과정에서 아래의 에러 메시지가 떴다. git -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks fetch origin From https://github.com/jieun-dev1/groupwork 7c62487..090f239 master -> origin/master git -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks pull origin master From ht..

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