일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 리액트
- Modules
- 코딩테스트
- Hooks
- Redux
- mobx
- 리액트를 다루는 기술
- 우아한테크러닝
- JavaScript
- 취업준비
- excutionContext
- npm
- vanilla.js
- state
- react.js
- 환경오염
- 함수 바인딩
- 취준
- scope
- useState
- 카카오페이
- Binding
- 개발일기
- Groo
- SSR
- 상태관리
- closure
- lexicalEnvironment
- react
- CSR
- Today
- Total
목록전체 글 (33)
개발하자
과제 확인 : google 로그인, editor프레임워크(draft, slate) 프로토타입 만들어오기 네분이 과제 발표를 하셨다!! 1. google 로그인 react-google-login : 공식 문서를 보고 로그인을 구현하기에는 기간 안에 힘들어서 대부분의 분들이 이 패키지를 이용해서 구현해 오셨다. : 하지만 구글의 오피셜 패키지는 아니라서 직접 구글 인증을 공부해 볼 필요가 있을 것 같다. passport : 백엔드에서 인증을 할 때 자주 사용되는 라이브러리이다. : 민태님도 작업을 할 때 백엔드 단에서만 인증을 해봤다고 하셨다. 직접 구현(이 분 코드를 제대로 봐볼려고 한다!!) : 백엔드에서 라이브러리를 사용하지 않고 구현하셨다고 했다. : 처음에 react-googlt-login을 사용했..
기존 프론트 구조 - 함수만을 이용 - 페이지마다 html 파일을 두고 새로운 페이지를 렌더링 하도록 구현 - localStorage에 필요한 정보를 모두 저장해두고 있음 발생한 문제 - 중복되는 기능이 있는 함수를 페이지마다 만들어야 함 - 마크업에 있는 태그가 아니라면 오류가 발생함 (당연하지만,,, ) -> 이거 때문에 중복이 더 많아짐 -> 해결방법이 있을 것 같은데 내가 못 찾는 느낌!! (이것도 찾아봐야겠다) 변경한 프론트 구조 - 클래스를 이용 - SPA 구현 ( data-href 라는 옵션을 태그에 추가해서 구별할 수 있도록) - 페이지 별로 클래스를 생성 - habit, user, comment 클래스를 생성해서 각 기능별로 load, save 기능을 수행할 수 있도록 함 클래스로 변경하..
과제 확인 React + Typescript 로 생성한 레포를 슬랙에 공유하는게 과제였다. 30명 이상이 슬랙에 레포를 공유했는데 그에 대한 리뷰를 해주셨다. 대부분 create-react-app을 사용한 레포를 올렸는데 그게 조금 아쉬우셨던 것 같다. 한 분이 babel, webpack을 사용한 레포를 소개해 주셨고, 그 레포로 이후에 프로젝트를 진행하기로 했다. 이사님 리뷰 목표를 구체화 한 레포가 없고, README에 어느 정도의 기획을 해왔을 것이라 생각했는데 그런 사람이 없었다라는 말씀을 하셨다. 그것은 소통의 부재 때문이고 우리가 목표를 정확하게 설정하지 않고 지난 수업을 끝냈기 때문이라면서 앞으로는 궁금한 것에 대한 질문을 편하게 했으면 좋겠다고 하셨다. 나도 하나씩은 꼭 질문을 하도록 노력..
아이스브레이킹 오티 전 아이스브레이킹으로 퀴즈도 맞추고, 맞춘사람에게 배민 상품권 만원도 주셨다. 나는 손이 빠르지 않아 못받았지만 분위기가 좋아졌던 것 같다. 신청할 때 들었던 의문 이번 4기는 100명의 인원이 선발 됐다. 처음에 주제를 봤을 때 하면 좋을 것 같지만 어떤 방식으로 하신다는 건지?? 좀 의문이 들었던게 사실이다. 많은 인원들을 팀으로 나눠서 만들게 하는 방식인건지? 아니면 김민태 이사님이 직접 제작을 하시고 설명하시는 방식인건지?? OT에서 그 이야기를 당연히 해주셨다. 진행 방식 결론적으로는 주 단위로 목표를 두고 개인적으로 개발을 후 김민태님이 코드리뷰를 해주거나 피드백을 해주는 방식으로 진행하기로 했다. 근데 이제 활발한 소통을 곁들인... 기술 선택에 있어서도 그 과정 전체를 ..
1. responsible web 구현 - 현재 html 구조화와 css 실력이 부족하기 때문에 이 프로젝트르 하면서 실력을 늘리고 싶음 - 요즘 반응형 웹이 아닌 것이 없기 때문에 공부가 무조건 필요함 2. spa vanilla.js로 구현 - 프레임워크(react.js, vue.js)를 배워서 바로 써볼 수도 있지만 근본인 vanilla.js를 이용해서 spa를 먼저 만들어 보는 것이 javascript를 좀 더 깊게 이해할 수 있을 것이라고 생각함 3. class의 필요성 깨닫기 - 글로 이해하는 것과 실제로 해보면서 이해하는 것에는 큰 차이가 있다고 생각하기 때문에 직접 구현하면서 차이를 느끼는 것이 목표 - 함수로 처음에 프로젝트를 만들고 이후에 spa를 구현하면서 class로 변경할 예정 3...