아보카도 Blog

오늘은 발표 준비하는 데에 시간을 많이 썼다. 오후에는 발표와 특강이 있었다. 우리가 썼던 API중에서 마음에 들었던 건 방명록 post 기능이었다. 방문자가 쓴 이름과 코멘트 내용을 등록하기 버튼을 누르면 dictionary 형태로 app.py로 올리고 정보를 mongoDB로 올리면 msg가 뜨게 하고 방명록 카드가 생성된다. 피드백 시간에는 이 메세지를 alert보다는 modal로 처리하는 것도 좋을 것이라는 얘기를 들었다. 우리가 여기에 사용한 것은 Flask 프레임워크이다. 이는 서버를 구동시켜주는 편한 코드 모음으로, 서버를 구동하기 위해 필요한, 복잡한 일들을 쉽게 가져다 쓸 수 있다. 더군다나 너무나 당연한 얘기지만 나는 아직까지도 헷갈리는 프론트엔드와 백엔드. 우리 내일배움캠프에서 진행하는..

오늘 있었던 미니 프로젝트 발표를 마치고 우리 팀의 KPT (Keep, Problem, Try) 회고를 조금 정리해서 올려본다. # Keep - PPT로 발표. - 협업에 Github를 쓴 점. 익히는 데 시간은 많이 걸렸지만 앞으로 계속 쓸 걸 생각하면 좋은 투자였다. - 팀원들과 에러에 대한 피드백 주고 받는 것. # Problem - 다른 팀에 비해 페이지가 간단하다.(허전하다) - 초중반 역할 분담에서 팀장님이 혼자 너무 많은 것을 하셨다. 물론 처음이라 다들 뭘 해야할지 모르고, 깃허브 연동하는 것부터해서 시간이 많이 걸려서 그랬지만, 그래도 마지막에 발표 준비와 페이지 보완을 하면서 다른 조원들도 능동적으로 참여할 수 있었던 점은 keep하고 싶다. # Try - API의 다양한 함수 사용해보..

오늘은 미니프로젝트를 보다가 방명록을 서버로 보내는 게 어떻게 작동되는지 궁금해서 웹개발 2주차 API를 복습했다. 정확히 말하자면 Flask 서버에 Ajax 및 JQuery를 사용해서 파일을 업로드하는 법을 다시 익혔다. 1. JQuery html의 요소들을 조작하는, 편리한 javascript를 미리 작성해둔 라이브러리 임포트: 미리 작성해둔 자바스크립트 코드를 가져오는 것 head 사이에 넣어주면 된다. 물론, 가리켜야 조작이 가능하므로 css는 class, jQuery는 id 값으로 특정 버튼/인풋박스/div 등을 가리킨다. 서버에서 클라이언트(우리의 경우 html)로는 JSON으로, 클라이언트에서 서버로 보낼때는 get 요청! 2. Ajax의 기본 골격 3. 내가 취약한 부분 가져온 값을 이용해..

팀 소개 웹페이지를 만들면서 가장 어려운 부분은 아무래도 클라이언트와 서버 간의 통신이었다. 이 때 나오는 개념인 api는 application programming interface의 줄임말로, 두 소프트웨어 구성요소가 서로 통신할 수 있게 만든다. 예를 들어, 기상청 자료와 휴대폰 날씨 앱의 상호작용. api는 get과 post로 구성되고, post부분은 또한 데이터베이스와 연결되어서 추가적인 학습이 필요하다. 이번 미니 프로젝트에서 방명록 버튼을 누르면 방명록이 접혀졌다 펴지는 동적인 웹 페이지를 만드는 과정에서 ajax에 대해 더 자세히 배웠다. 그리고 이에 필요한 웹 프레임워크인 flask도 활용했다. 다음은 ajax의 기본 골격이다. get 요청 시 데이터 중괄호 안은 비워준다. 서버에서 준 ..

오늘은 미니프로젝트 제목 부분만 조금 변경하고 개인 공부로 자바스크립트 5강을 공부했다. 1. 익명함수와 선언적 함수 자바 공부할 때는 선언 함수를 주로 썼었는데, 이 책에서는 익명 함수에 대해 자세히 나오고, 훗날을 위해 익명 함수로 코드를 작성할 것을 추천한다. 그래서 보고 따라할 때도 const ... = function(,,,) 이런 식으로 쓰려고 노력했다. 전에도 연습했던 isLeapYear()를 또다시 도전했는데, 한번에 풀 수는 없었다. 리턴 값이 &&나 || 같은 논리연산자로 묶여 있으면 굳이 괄호로 한 번 더 묶어줄 필요는 없다. a부터 b까지 더하거나 곱하는 함수, 그리고 최소, 최댓값 구하는 함수는 쉬웠다. 2. 매개변수 1) 가변 매개변수는 매개 변수 개수가 고정적이지 않을 때 쓰고..

데이터 관리에 관심이 있는 나에게 반드시 필요한 SQL. 엑셀보다 쉽다는 강의명에 혹해서 열심히 듣고 있는데, 국비지원 되는 거라 하루에 8강밖에 못듣는게 아쉽다. 그래도 이번 주에 배운 내용을 간단히 정리하자면, 1. 데이터베이스와 SQL의 필요성 1) 방대한 데이터 저장 2) 내가 원하는 데이터를 신속하게 가져올 수 있다. CRUD (Create, Read, Update, Delete) 중에 가장 많이 하는 것은 Read! 그리고 이 Read를 SQL이 편하게 만들어준다. SQL은 Structured Query Language의 줄임말로, 데이터베이스에 요청(Query)을 날려서 데이터를 가져오는 것을 도와주는 언어이다. 특별히 데이터를 가져오는 명령어를 작성하는 것을 SQL Query를 작성한다고 ..

오늘은 거의 대부분의 시간을 git으로 원격 저장소와 로컬 저장소의 싱크를 맞추는 연습을 했다. 이 싱크(상호작용)은 대부분 push와 pull로 이루어지는데, 마침내 깨달은 사실은, commit >pull>(merge)>push 이 순서로 진행되어야 꼬이지 않는다는 것이다. 처음에는 git bash에 명령어 입력하다가 이해가 쉽지 않아서 gui 중 하나인 GitHub Desktop을 배워서 마우스 써가면서 했다. 1. Git Bash 1. git add . 2. git commit -m "..." ...안에 주요 커밋 사항을 적으면 된다. 3. git push origin ... ...은 GitHub에 밀어올려주고 싶은 브랜치를 적으면 된다. 1. 먼저 전의 내용에서의 commit까지 완료해준다. 2...

2022년 11월 14일 월요일. 오늘은 내일 배움 캠프 4기 Node.js 반 시작일이었다. 팀이 구성되고 팀원과 팀 정체성에 대해 페이지를 꾸미는 미니 프로젝트가 시작되었다. 오후에는 깃 허브 특강이 있었다. 1. 깃의 의미 깃Git 이란, 버전 관리 프로그램으로, 프로그램을 짤 때 변경 사항을 관리하는 툴이라 할 수 있다. 따라서 깃을 활용한 프로그래밍 개발이란, 유의미한 변화를 쌓아 프로그램을 만들어 나가는 것이다. 2. 깃의 필요성 깃의 필요성은 3가지이다. 1. 변경 내역을 확인할 수 있다. 2. 작업을 되돌릴 수 있다. 3. 협업할 수 있다. 3. 깃허브의 의미 깃허브GitHub는 원격 저장소로 호스팅 서비스이다. 말이 어려운데, 풀어서 말하자면 인터넷 상에서 깃으로 관리한 프로젝트를 관리해..