yehey's 공부 노트 \n ο(=•ω＜=)ρ⌒☆

배경 진행하려는 프로젝트는 내가 처음으로 풀스택으로 진행하려하는 프로젝트다. 그래서 기획, 디자인, DB, 개발 다 해야한다는 뜻. 근데 사실 백엔드를 하면서 DB를 제대로 설계해본 경험이 없다. CEOS로 활동하면서 그래도 주워들은게 있어서 다행... DB 설계할 때는 기획 문서와 와이어프레임으로 틀을 좀 잡아놓고, ERD(Entity Relationship Diagram) 설계를 한다고 한다. 그래서 처음으로 프로젝트 진행 전에 ERD를 설계해보는 시간을 가졌다. contents 우선 사용한 툴은 ERD cloud (https://www.erdcloud.com/) 였다. (유명하고 무료라고 해서 써봤는데 솔직히 좀 구린거같음) 어제 오늘 열심히 고민하고 와이어프레임도 만들었다. (구려서 아직 공개 불..

배경 사실 DB 설계를 제대로 해본 경험이 없다. 그래서 인턴을 할 때도 이렇게 구성해도 괜찮은지에 대한 피드백은 받지 못했었다. 최근에 다시 개발 감을 익히고 뭔가 만들고 싶다는 생각이 들어서 여러 프로젝트를 구상해봤다. 그 중에서 하나를 골랐는데, 해당 프로젝트 할 때 계층형으로 태그를 저장 및 사용하는 기능이 필요하다고 생각했다. 근데 앞서 말했듯 난 DB 설계를 제대로 해본 경험이 없어서 열심히 찾아봤다. 프로젝트에서 태그의 의미와 용도 - 태그는 정보를 추가하기 위한 수단으로 사용하고, 사용자가 임의로 관리가 쉬워야한다. (추가, 수정, 삭제) - 카테고리도 태그로 나타낼지에 대해서도 고민을 하고 있다. (카테고리에 대한 정의와 정확한 이름이 필요하다고 느꼈다. 방금) - 계층형 구조에서 하나를..

변수&상수 var i, j, k int = 1, 2, 3 func main(){ i:=1 j:=2 } 기본적으로 변수,상수를 나타내는 키워드(var/const) 변수/상수 명 type 이렇게 3가지를 명시하는게 원칙 그치만 첨에 초기화할 때 얘도 파이썬처럼 인식하긴 함 const는 웬만하면 타입생략하고 사용할 수 있음, 초기화 필요 const ( Visa = "Visa" Master = "MasterCard" Amex = "American Express" ) const ( Apple = iota // 0 Grape // 1 Orange // 2 ) //Apple=0, Grape=1, Orange=2 //status 표현할 때 좋을 것 같음 const는 여러개로 묶어서 저장할 수 있음 Data type 종..

Today I Learned : python locust를 이용한 부하 테스트를 진행하는 방법을 알아보았다. 배경 기존에 팀에서 웹 서버 개발에 사용하던 프레임워크는 장고와 플라스크였고 특히 flask 의 경우에는 내장 웹서버로 인해 한번에 한사람만 접근하기에 적합했고 이를 해결하기 위해 그동안 nginx + gunicorn으로 배포를 해왔다. 그런데 내가 맡은 프로젝트에서 golang 을 이용해서 서버를 개발했고 이를 배포하는 단계에서 golang 은 flask 처럼 gunicorn 과 nginx를 이용해서 배포하는 과정이 필수인지 알고 싶었다. 기존에는 gunicorn에서 workers를 추가하여 마치 n개의 서버가 하나의 서버처럼 돌아가도록 배포했다면 (추정) golang 서버도 worker를 추가..

Today I Learned : golang 에서 log 패키지를 이용해서 logger를 만들고 custom logger 도 생성하기 배경 golang으로 프로젝트 진행하면서 로깅을 추가해야했음, 기왕 추가하는거 내가 원하는 정보만 담아서 (디버깅하기 좋은 정보) 로그를 남기고 싶었음 Contents 기본 logger type Logger struct{ mu sync.Mutex prefix string flag int out io.Writer buf []byte } log 패키지에서 기본으로 제공하는 Logger 타입 log.Println("logging") //2020/12/30 10:27:11 Logging 으로 출력됨 log.SetFlag(0) log.Println("logging") // 날짜 시..

golang으로 request 보내기 request, err:= http.NewRequest("METHOD","URL",body io.Reader) if err!=nil{ fmt.Println(err) return err } //이후에 Request를 더 커스텀 할 수 있음 request.Header.Set("KEY","Value") //request 전송, 응답 확인 client:=&http.Client{} response,err:=client.Do(request) if err!=nil{ fmt.Println(err) return err } defer response.Body.Close() //응답 데이터 일반 string 출력 data,err:=ioutil.ReadAll(response.Body) i..

개발 배경 이화여대 멋쟁이 사자처럼 9기의 운영진을 하면서 해커톤도 진행해보고, 세션을 진행하면서 아기사자들에게 개발을 가르침과 동시에 아기사자들의 프로젝트를 도와주는 과정에서 아기사자들의 발전한 모습을 남겨두면 좋을 것 같다는 생각을 했다. 또, 웹 개발과는 거리가 멀었던 10명이 이제는 스스로 기획한 웹 사이트를 개인 프로젝트로 만들며 비전공자도 얼마든지 할 수 있다는 것을 보여주고 싶었기도 하다. 그리고 10기 모집에 앞서 온라인 전시를 기획한다면 멋쟁이 사자처럼이라는 동아리를 홍보할 수 있는 좋은 수단이 될 것이라고 생각했다. 위와 같은 3가지 이유로 3명의 운영진과 1명의 아기사자가 전시를 기획하고 디자인하고 개발하게 되었다. 사용 스택 리액트를 사용해서 모바일 웹으로 구현하기로 하였다. 백엔드..

이번 미션은 백엔드와의 협업에서 필수적인 axios 라이브러리를 사용해서 서버와 통신을 하는 것! 지난 미션보다 페이지 수는 적었고 axios 라이브러리를 사용하는 것을 중요하게 생각하고 배웠던 것 같다. axios 자체는 그렇게 어렵지 않았고 async, await이나 then, catch 과 같이 비동기 개념이 좀 어려웠다. 사실 비동기는 여전히 프론트 개발을 하면서 헷갈리는 경우가 많은데, 그래도 하면 할수록 개념이 잡히고 체화되는게 느껴진다. 그리고 쿠키에 로그인 시에 쓰이는 JWT 토큰을 저장했는데, 받은 코드리뷰 중 하나는 여러 페이지에서 쿠키를 사용하는데, 지금은 App.js 에서 cookie를 생성하고 이를 props를 이용해서 넘겨주지만 context 를 이용하면 굳이 props로 단계단..

이번 세오스 미션은 저번 미션에 이어 채팅 완성하기다. 사실 미션이 끝난지는 한참 됐는데 (5/8..), 미루고 미루다가 세오스가 끝나버린 이 시점에 쓰게 되었다. 지금와서 생각해보면 그렇게 어렵지 않은 미션이었는데, 그때는 그게 그렇게 어렵게 느껴졌다. 이번에도 코드가 더 길어졌기 때문에 깃헙 주소를 남겨놨다. 기능 상으로 이해가 안되는건 지금와서 보면 없어서... 아쉬웠던 점 위주로 적어보려고 한다. 채팅 기록을 로컬스토리지에 저장하지 않아서 채팅창이 계속 비워지는 것 디자인 (지난 번 세션에서 vw,vh 를 알게 되고 그걸로만 만들려고 하다보니 비율이 안맞았다. 반응형이 중요한이유..) 여전히 클린하지 못한 코드와 파일 구조 (변수,함수 명, 파일을 나눈 기준) 재사용성이 떨어지는 코드 (반복되는 ..

이번 세오스 미션은 난이도가 있었다. 그렇다고 이전 미션이 쉬웠다는 뜻은 절대 절대 아님 이전 미션은 코드를 작성하는게 어려웠다면 이번 미션은 react를 사용하는 법과 같은 개념을 이해하는게 힘들었다. react 독학하면서 메신저 만들기... 덕분에 시간 끌지 않고 온전히 react에 집중할 수 있는 시간이었다. 이번 코드는 길기도 하고 파일이 여러개라서 깃헙주소만 남겨놨다. 미션이 기본으로 class형이 아닌 함수형 component를 사용하라고 되어있어서 Hook 도 함께 사용했다. Hook 이해하는게 제일 어려웠고 아직 여전히 이해하지 못한 것 같긴하다. 앞으로 하면서 이해해봐야지 react 공부하고 직접 짜보면서 헷갈렸던 부분이나 남기고 싶은 부분만 부분적으로 정리해보았음! //MessageIn..