TIL12 2020.12.07 Modal 만들기 오피스 아워때 질문을 했더니 새로운 개념들을 알려주셨다. 알거라고 가정하고 하신 얘기들이라서 찾아보기. 일단, Enum medium.com/@seungha_kim_IT/typescript-enum%EC%9D%84-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0-3b3ccd8e5552 TypeScript enum을 사용하는 이유 (본 글은 TypeScript 입문자 중 enum 기능이 있는 다른 언어를 사용해 본 경험이 없는 분들을 위해 쓰여졌습니다. 예제 코드를 TypeScript playground에 붙여 넣고, 마우스 포인터를 변수 위에 둬서 변수의 medium.com hyunseob.github.io/2017/07/18/typescript-enums/ 2020. 12. 7. 20.12.02 styled component 와 flex box Header Component에 여전히 redux와 관련된 코드 useSelector가 있으므로 정리하기. CalenddarDay Container 에서 props로 넘겨주어야 presentatioanl Conponent인 CalendarDay가 받아서, props로 Header에 넘겨준다. today가 nested라서 문제가 발생. typescript의 type와 interface의 차이를 찾아보자. typescript의 타입을 분리저장해서 한눈에 보고 싶다. 분리하였으나 today를 내려 주는 부분이 계속해서 에러가 생긴다. 에러명 Type '{ todaykey: object; }' is not assignable to type 'IntrinsicAttributes'. Property 'todayke.. 2020. 12. 2. 20.11.26 FINAL PROJECT- Review 구현 TIL의 의미를 잃어가고 있다. 짧더라도 매일 쓰자. 리뷰를 구현 한 후에 useEffect를 사용해서 API와 연동하는 법을 찾다가, onClick할때 바로 get요청이 같이 나가게 하면 된다는 걸 알게 되었다. react.vlpt.us/integrate-api/01-basic.html 1. API 연동의 기본 · GitBook 1. API 연동의 기본 API 연동을 하기 위해서, 우선 프로젝트를 새로 만들어주도록 하겠습니다. $ npx create-react-app api-integrate 그리고, API 를 호출하기 위해서 axios 라는 라이브러리를 설치하세요. $ cd a react.vlpt.us axios해서 dispatch하는 함수를 독립시키고 싶은데.. 어떻게 해야 할 지 모르겠다. 2020. 11. 26. 20.11.15 FINAL PROJECT- SOCIAL LOGIN 구현 & 로그아웃 구현 오늘 한 일 - 일반 로그인 구현 ( 서버와 통신이 되는지 확인, JWT토큰 적용 ) - 소셜로그인 서버와 통신이 되는지 확인 : access token을 주고 받는지, id token을 주고 받는지 확인 - 로그아웃 구현중 느낀점 - 타입스크립트.. @$#@!$# - 리덕스와 리액트에 대한 이해도도 낮은 상황에서 타입스크립트로 번번히 막히니깐 너무 속도가 안나서 걱정이다.. 벌써 2주차가 끝나가는데 아직도 기본기능이 완벽하게 구현되지 않았다. 큰일이다... 내 생각엔 3주차에는 주 기능인 캘린더 부분을 그려야 될 것 같다. 마이페이지 만들기, 캘린더 DAY CSS만들기가 적어도 3주차에는 마무리가 필요. 다음주에는 휴무주니까 한눈 팔지말고 공부하자. css백업이 안되니까 서버가 할일이 적다.. ㅠㅠ 2020. 11. 15. 20.11.14 FINAL PROJECT- NAVER SOCIAL LOGIN 구현 매일매일 써야지.. 다짐했는데 잘 지켜지지 않았다. 부끄럽다..ㅠㅠ 오늘부터라도 매일 써야겠다. 소셜로그인이 생각보다 굉장히.. 어려웠는데 약 5시간 가량 헤매니까 그래도 개념이 좀 잡혔다. 네이버의 경우, 내 어플리케이션 등록하기에서 등록한다음 콜백 URL을 지정해야 한다. 따라서, login.html과 mypage.html ( 로그인 후 유저를 리다이렉트 할 곳, 콜백 URL) 두가지 파일이 있어야 한다. 네이버 튜토리얼을 보고 따라하면 되는데, 초심자가 엄청 헷갈리는 포인트는 콜백이 대체 뭐야.. 하는 부분이다. 왜 이걸 굳이 나눠 놓고 하나만 쓰면 된다는 걸 설명해 두지 않았는지 모르겠다. developers.naver.com/docs/login/web/#2--javascript%EB%A1%9C-.. 2020. 11. 14. 2020.09.12 카카오 코딩테스트, shortly express [09/09 세운계획] toy - 38 --> 못함.. 과장시험 공부 - 안함;; 토이 다풀면, 파이어베이스랑 aws를 미리 공부해봐야겠다. 간단한거라도 배포해보고싶다. --> 못함 9/10은 야근으로 아무것도 못하고..9/11은.. 놀았다.. 9/11일에 프로그래머스 문제 2개 풀긴했고, 순열에 대해서 공부하긴 했지만. [9/12 오늘 한 것] 카카오 코딩 테스트를 2시부터 7시반까지 풀었는데, 1개는 풀었지만.. 테스트 1개를 통과를 못했다. 테케 코드를 안알려주니ㅠㅠ 뭣이 문제인지 알수 없어서 답답. 그 외에는 풀 시간이 없었다.. 정규표현식을 공부해야겠다. 문자열 처리를 하려면, 꼭 배워야지.. ㅠㅠ 정말 어려웠다. 후.. 내가 못하는건가 싶기도 하고. 알고리즘도 계속 풀다보니, 약간 아, 좀 외.. 2020. 9. 13. 2020.09.09 음?! 글쓰는걸 좀 미뤘다는 자각은 있었는데, 월요일것도 안썼는지 몰랐다.. 부담가지지 말고 일단 간결하게라도 매일 쓰자. 물론 쓰다보면 ㅠㅠ [09/06 세운 계획] toy-34 --> 9/07 완료 toy-35 --> 9/07 완료 toy-36 --> 9/09 완료 오피스 아워 - 토큰과 세션에 대해서 배웠다. + toy-37 --> 9/09 완료 [9/07,9/09 한 것 - 세부내용] 오피스아워 때 jwt 토큰이란걸 배웠다. 이것저것 설명해주셨는데 글로 적을 만큼 명확치 않은거 보니 나중에 공부해서 리뷰해야겠다. 9/08일은... 오랫만에 출근해서 그런가 피곤해서 암것도 하기 싫었다... 그래서 놀아버림 ㅠ 9/09인 오늘도 헤롱댐.. 오피스 아워 포함 8시간 정도 공부한듯. toy-36번을 거의.. 2020. 9. 10. 2020.09.06 [09.03일 세운 계획] 인증(authentication) 스프린트 진행. --> 9/04 못하고 9/05 완성 toy-32번 풀기. --> 완료! [계획 외 추가로 한 것] toy-33번 풀기. --> 완료! [오늘 한 것 - 세부내용] 무려 하루를 건너 뛰다니..? ㅋㅋㅋㅋ 어제는 약간 미쳤는지.. 풀어졌는지.. 걍 개겼..다.ㅠ 아 왜이러지 또.. ㅋㅋ 쉬는날인데 하루에 공부시간이 6-7시간 남짓 나오는건 좀 너무 하지 않냐. 가디언테일즈가 너무 재밌어서 + 친구가 취직해서 + 운전을 해야해서 + 과장시험도 따라가야해서 + 쉬는날이지만 업무를 보긴 해야해서 + 등등을 합쳐서 하루가 날라갔..다. 페어프로그래밍을 했음 딴짓 못했을텐뎋ㅎ.. 그렇다면 오늘 열심히 죽어라(?) 했는가..는 또 아님에 다.. 2020. 9. 7. 2020.09.05 Session 과 Cookie [오늘 한 것] cookie 공부하기. MDN 레퍼런스 developer.mozilla.org/ko/docs/Web/HTTP/Cookies HTTP 쿠키 HTTP 쿠키(웹 쿠키, 브라우저 쿠키)는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각입니다. 브라우저는 그 데이터 조각들을 저장해 놓았다가, 동일한 서버에 재 요청 시 저장된 데�� developer.mozilla.org node.js에서 set-cookie 헤더설정 하는 법. https://nodejs.org/dist/latest-v8.x/docs/api/http.html#http_response_setheader_name_value HTTP | Node.js v8.17.0 Documentation HTTP# To use the HTTP.. 2020. 9. 5. 2020.09.04 [9/03 세운 계획] toy - 30 번 풀기 , 블로그에 리뷰하기 --> 완성! toy - 31 번 풀기 , 블로그에 리뷰하기 --> 완성! 인증(authentication) 스프린트 진행. --> 못함.. 시간이 없었... [오늘 한 것] 공부시간: 7시간. toy-30이랑 , toy - 31은 너무 쉽게 해결해버려서;; 굳이 리뷰할 필요는 없을 것 같다. 토이를 다 풀고 시간되면 다시 돌릴껀데, 그때 제대로 리뷰하기로. 굳이 리뷰할 만큼 어렵지 않았다. 인증 스프린트를 미리 해볼랬는데, 일단 깃헙에 아직 올라와 있지 않아서 스프린트의 세션,쿠키 등 강의를 먼저 들었다. 그리고, slack에 올라와 있지 않아요! 라고 질문하려다가, 수요일에!! SA를 했어야 했다는걸!!! 알았다. 흠.. 구글 캘린.. 2020. 9. 5. 2020.09.03 sequelize mvc 스프린트 처음부터 구현하기 [내일 공부할것] --> 화요일에 세운 계획 controller 구현, sprint완성하기. 일단 테스트 통과 후 처음부터 재작성 하기. :완료 오피스 아워. : 로그인 인증 내용 강의 들음 toy-30 번 풀기. : 못함.. +) sequelize 사용 MVC 스프린트 다시 처음부터 코드 작성해서 제출하기 [실제 한것] 공부시간: 7시간 정도. sequelize 설치. //터미널 $ npm install --save sequelize 마이그레이션을 하기 위한 cli 설치 //터미널 npm install --save-dev sequelize-cli 프로젝트 bootstrapping //터미널 npx sequelize-cli init 터미널에 mysql을 열어서 데이터베이스를 만들어 주기. //터미널 my.. 2020. 9. 3. 2020.09.01 [목표한 것] sequelize sprint 완료. : controller 부분을 완성하지 못해서 완성하려고 함. [실제한것] 7시 - 3시까지 약 7시간. sequelize가 전반적으로 이해되지 않아서 공식문서 번역 시작. https://daydevlog.tistory.com/28?category=941046 Model Basics 부분 번역 완료. 약간 이해 되었으나, 그래도 모델과 데이터베이스가 어떻게 상호작용하는지 전반적인 구조가 이해가 되지 않음. migration 공부 시작. 공식문서 영어가 어렵지 않아, 별도 번역은 안하고 꼼꼼히 읽음. 과제 코드 분석. 너무 꼬아놓은거 아니냐고.. bin부분에서 환경설정 고민. port번호를 확인하고자 하다가, 그냥 node + 파일명을 쳤더니 콘솔창을 볼.. 2020. 9. 2. 이전 1 다음
