Journal/Today I Learned

TIL - 2022.01.14 금요일

오늘 배운 것 - 어제 과제를 오전에 조금 더 손본 뒤 제출 완료했다. 게시물 등록 API와 state를 활용해서 자유게시판 폼에 내용을 입력하고 등록을 누르면 데이터가 전송되도록 하는 작업까지 끝났다. 라이브 서버에서 확인 후 Playground에 접속해서 API에 들어간 것 까지 확인하였다. state와 GraphQL-API 사용을 계속 반복했더니 이제 조금 손에 익는 것 같다. 역시 반복 학습만이 살 길이다. - GraphQL 활용 실습 퀴즈를 풀었는데 이유를 모르는 구문 오류가 발생해서 한시간 정도 틀린그림찾기만 했다. 알고 보니 Int로 가야하는 Value가 String으로 전송되어 발생한 문제더라. 이렇게 간단한 걸 놓치다니. 해결한 뒤 조금 허무했지만 그래도 문제의 원인을 스스로 찾아냈다는 ..

TIL - 2022.01.13 목요일

오늘의 TIL을 쓰기에 앞서 - TIL을 잘 쓰는 방법에 대해 고민중이다. 여기서 '잘 쓴 TIL'이라는 것은 쓰는 내 입장에서도, 그리고 읽는 사람들의 입장에서도 무의미한 정보값이 적고 잘 읽히는 글을 뜻한다. 더불어 단순 정보의 나열이기보다는 그 날의 공부를 통해 내가 구체적으로 무엇을 배웠는지 기록하는 일지였으면 좋겠다. 그래서 몇가지 나만의 TIL 룰을 정했다. - 개발 자료 부분에 별도로 포스팅 한 내용은 TIL에 중복 게시하지 말 것. (언급이나 서술은 ok, 똑같은 정보값의 무의미한 중복을 최대한 피하자는 뜻) - 나를 전혀 모르는 사람이 봐도 무슨 말인지 이해할 수 있도록 쓴다. - 정확하게 이해하지 않은 단어의 사용은 최대한 지양한다. - 무의미한 반성은 지양하고 개선과 학습을 위해 쓴다..

TIL - 2022.01.12 수요일

오늘 배운 것 오늘은 HTTP의 개념과 API를 배웠다. (+ Json과 CRUD도) 그리고 Rest API vs GraphQL 의 차이를 배우고 기본 방식을 연습했다. 오늘은 단순 개념 정리가 많아서 요약노트같은 TIL이 될 듯. 1. HTTP와 API HTTP란? HTTP는 두 컴퓨터간의 데이터 전송을 담당하는 일종의 길이다. 우리의 경우, 프론트엔드와 백엔드 사이를 연결하는 데이터들의 길이라고 생각하면 쉽다. HTTP의 규칙 요청을 해야 그에 대한 응답을 보내준다. (요청과 응답 / Request & Response) 응답을 줄 때에는 숫자를 같이 보낸다. 이것을 응답 상태코드라고 한다. 이 상태코드에는 일정한 규약이 있다. 자주 볼 수 있는 응답 상태코드에는 성공(200), Front-end 에러..

TIL - 2022.01.11 화요일

오늘 한 일 오늘 하루는 내내 '리액트 진짜 좋은데?' 의 반복이었다. 컴포넌트 구조와 state는 정말 정말 정~말 충격적일만큼 편리하다! 세상에 이런 게 있었다니. 내가 원시시대 코드를 짜는 회사에서 일을 하다 와서 더 큰 갭을 느끼는걸지도 모른다. (옛 방식 javascript와 jQuery 퍼블리싱, php 코딩 쪼끔 했다) 회사 다니던 당시에도 '우리 회사 코드 너무 구린데..' 라고 생각했지만, 나와서 공부하면서 돌이켜보니 뭔, 10년도 더 전에 쓰던 방식으로 코드를 짜고 있으니.. 할 말은 많지만 별 의미 없으니 길게 하지 않겠다. 그저 퇴사해서 다행이다. 그리고 구시대 코딩을 경험한 덕분에 공부가 재밌다. 혼자 시간여행하는 기분이다. 1. 리액트의 핵심, Component Component..

TIL - 2022.01.10 월요일

오늘 배운 것 1. Github 사용법 그 전에도 github를 간간히 사용하기는 했다. 하지만 매번 숙련된 조교(멘토님 or 블로그)의 시범을 따라했을 뿐, 어떤 프로세스로 Repository를 업데이트하는건지 제대로 익히지는 못했다. 이제는 본격적인 공부도 시작했겠다, '습득한다'는 생각으로 Git push를 머릿속에 집어넣었다. Git bash를 연다. Repository에 업로드할 폴더로 이동한다 (명령어 : cd) git init 한다 (기존에 업로드한 적 없는 폴더일 경우) ls -al 해서 .git 폴더가 생겼는지 확인한다. 상위폴터에 .git을 만들었는데 하위 폴더에 .git이 겹쳐있는 경우 에러난다. 여러 폴더를 묶어서 올릴 때에는 꼭 최상위 폴더에'만' git init 해야함. 다른 패..

2021년 회고 & 2022년 목표

[ 2021년의 사건들 ] About 커리어-개발 1. 웹디자이너/퍼블리셔 경력 2년 돌파 2. 전 회사 퇴사! 3. 골치썩이던 외주 유지보수 작업 정리 끝! 4. 스파르타 코딩클럽 시리즈 D 수료 with 구로청년이룸 5. 프론트엔드 개발자로 커리어 방향을 잡기로 결정 6. 코드캠프 프론트엔드 과정 등록, 프리코스 시작 7. 개인 프로젝트 아이디어 확정 (웹툰 에셋 관련..) About 커리어-그림 1. 네이버 런칭한 로판 웹툰 타이포 작업 About 여가생활 1. 단양에 패러글라이딩 여행 다녀옴 (with 수정) 2. 제주도 12일 홀로여행 다녀옴 2-1. 올레길에 관심이 생김! 공식 안내소에서 이것저것 물어보고 올레 패스포트 구입. 2-2. 한라산 영실탐방로 등반 성공, 한라산 정상 찍고 오는 코스..

TIL - 2021.11.17 수요일

오늘 한 일 mongoDB에 크롤링한 데이터 넣는 작업 - AWS에 도저히 들어가질 않아서 문제점 파악을 위해 일단 localhost로 옮겼다. - 문제가 되는 다른 부분들은 다 정리했고, 마지막으로 남은 문제.. - 크롤링해오는 dict 안에 type이 datetime인 정보가 들어가있으면 insert_one 함수가 작동하지 않는다. ▼ 이 때 터미널에 뜨는 alert Traceback (most recent call last): File "C:\Users\gangim\Desktop\sparta\projects\boda\app.py", line 74, in db.shows.insert_one(show) File "C:\Users\gangim\Desktop\sparta\projects\boda\venv\..

TIL - 2021.11.15 월요일

오늘 한 일 1. 보다 프로젝트의 기본 크롤링 구조를 만들었다. 스트링으로 긁어오는 텍스트도 각각의 필터에 필요한 값으로 변환했다. 2. 원래는 최소 3-4개 이상의 국공립 갤러리 전시 데이터를 긁어오려고 했는데, 수료일 전까지 마무리가 불가능할 것 같아서 2개만 크롤링해오기로 했다. 국립현대미술관이랑 서울시립미술관. 3. 작업 중인 프로젝트 AWS에 업로드하고 flask, mongoDB 돌아가는지 확인했다. templates 안의 페이지가 정상적으로 업로드 되는 것도 확인. 문제점 - app.py 파일이 정상 작동은 되는데, DB 안에 정보가 제대로 들어가지 않는다. 확인 필요 - templates 안에 css 파일을 별도로 만들어 링크해두었는데, 그 형태로 서버를 돌리면 css가 제대로 읽히지 않는다..

TIL - 2021.10.29 금요일

오늘 한 일 1. 보다 프로젝트 메인/서브페이지 템플릿 퍼블리싱 완료 2. 프로젝트 진행하며 발견한 이슈들 정리 후 백엔드 To do List 작성 3. 위 사항 정리해서 개발일지 작성 : 따로 자세히 정리한 포스팅이 있으니 링크를 걸어둔다.. https://guuumi.tistory.com/13 다음에 할 일 1. 내일 수업 잘 듣기😎 2. 개인프로젝트 To do List 진행 크롤링할 갤러리 리스트 작성 (웹페이지가 존재하는 국내의 갤러리 리스트 최대한 수집하는 것을 목표로) 해당 갤러리 중 하나를 잡아서 크롤링 후 db에 넣는 프로세스 만들기 (POST) 2번의 프로세스가 일정기간마다 refresh 되도록 설정 (refresh 기간은 하루로 할 예정) db에서 해당 정보를 가져와서 페이지에 노출시키..

TIL - 2021.10.28 목요일

오늘 한 일 1. 서브페이지 시안 잠시 보류 (메인페이지에서 크게 변경되지 않을 것 같아서) 메인페이지 템플릿 작업 먼저 완료하고, 서브페이지 템플릿 바로 이어서 작업하면서 추가로 시안이 필요할 경우에만 작업하기로 함. (차후에 포트폴리오용 보완 작업 가능성 有) 2. 메인페이지 템플릿 작업 국문으로 되어있는 부트스트랩 페이지 기반으로 작업 진행하다가 해당 버전에는 나에게 필요한 card layout이 없는 걸 발견함.. (v5.1) v4.0 다시 세팅하고 작업 진행함. 그랬더니 이번에는 v5.1 기준으로 세팅 완료했던 캐러셀이 깨져서 보인다.. 캐러셀 수정 및 css 디테일 작업 진행중 부트스트랩 v4.0 컴포넌트 페이지 : https://getbootstrap.com/docs/4.0/component..