일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 자바스크립트
- 해커톤
- nqueens
- JavaScript
- method
- 엔퀸즈
- ftech
- 클라이언트
- 코드스테이츠
- underscores
- 초보
- underbar
- 공부
- 일상
- Instantiation Patterns
- grpahQL
- DOM
- 코딩
- 포스기
- 연습
- 제일어려워
- vscode
- 리액트
- react
- JS
- 취업
- 알고리즘
- 개발
- array
- this
- Today
- Total
목록전체 글 (176)
analogcoding
Toy 46번 문제. to do later.. 토큰이 검증이 안되는 문제가 발생했다. 문제는 콘솔에 찍힌 토큰을 복사해서 playground 에서는 작동이 되는 것이다.. 잠시 헤매이다가 발견한 실수는 .. 팀원분께서 친히 stringify 를 해서 저장을 해주셔서 typeof 로 보았을 때는 같은 string 이지만 인증과정에서 에러를 뿜어냈다. 작은 헤프닝으로 마무리..ㅋㅋ 콘솔애는 큰 따옴표가 하나였는데.. ( JSON은 쉼표로 모호하지 않으며 Javascript로 직접 실행되거나 JSON으로 구문 분석 될 수 있다.) 오늘 프로젝트에서 한 가장 큰? 일은 유저의 각 mypage 별로 고유 id 값을 params 로 url 의 endpoint 로 주는 작업이었다. react route 에서 prop..
Toy 45번 문제. to do later 프로젝트 30% 토이 난이도 어려운거 30% 피곤한거 40% .. 요즘 토이 손을 못 대겠다 ㅠㅠ 프로젝트 내에서 첫 Query 와 Mutation 요청에 성공! 정말 행복한 순간이었다 ㅠㅠ playground 에서의 요청이 아닌 직접 데이터를 받아서 사용해보았다. Query 요청과 Mutation 의 요청의 가장 큰 차이는 Query 는 렌더 시 실행되고 Mutation 은 콜백 함수가 실행될 때 실행된다. ( 처음에는 query 는 get 같은 느낌이고 mutation 은 post 같은 것인 줄만 알았다. ) Query 먼저 gql 리졸버 함수 양식을 작성했다. 서버에서 지정해놓은 리졸버로 내가 필요한 정보를 직접 지정해서 가져올 수 있다. import gq..
Toy 44번 문제. 안 풀고 넘어갔음. 주중에 다시 시도 ant design & typescript & react apollo what is typescript?? TypeScript는 Microsoft에서 개발한 JavaScript 로 컴파일 되는 언어이다. JavaScript 에 정적 타이핑과 ES2015를 기반으로 하는 객체지향적 문법이 추가된 것을 주요 특징으로 한다. 생태계 지원이 점점 확장되면서 Angular 팀에서 이 언어를 메인 언어로 채택하여 현재로서는 정적 타이핑을 지원하는 다른 JavaScript 컴파일 언어보다 많이 쓰이는 추새인 것 같다. TypeScript 의 장점으로는 정적 타이핑을 JavaScript에 적용할 수 있다. 정적 타이핑은 컴파일 타임에 타입 체크를 한다. 이는 ..
Toy 43번 문제. linkedlist cycle 구현. var hasCycle = function(linkedList) { let Cycle = {}; if (linkedList.next === linkedList) { return true; } else if (linkedList.next === null) { return false; } else { while (linkedList.next !== null) { if (Cycle[linkedList.value] === undefined) { Cycle[linkedList.value] = "visited"; } else { // 돌았던 value 들의 값이 visited 면 cycle 성립 return true; } linkedList = linked..
Toy 42번 문제. Hashtableresizing 명시된대로 처리는 했지만 정답은 아닌 것 같음.. 오늘 테스트케이스가 너무 관대하다. var makeHashTable = function() { var result = {}; var storage = []; var storageLimit = 4; var size = 0; result.insert = function(key, value) { let index = getIndexBelowMaxForKey(key, storageLimit); if (!storage[index]) { storage[index] = value; size++; } else { storage[index] = value; } if ((storageLimit / 4) * 3 { con..
console.log 로 카카오로 부터 profile 객체를 전달 받는 것 까지 성공한 뒤 데이터를 확인해서 회원가입 , 로그인 상태 구현하기. const kakaoSign = async (req, res) => { // login 에서는 받은 profile 을 DB 랑 비교한당 req.user = profile const { user } = req; const nickName = user.username; const email = user.id; const { provider } = user; console.log("provider-->", req.provider); return User.findOne({ where: { email, nickName, admin: false, provider } }) ..
Toy 41번 문제. event 함수를 저장해서 콜백으로 실행시킬 수 있는 library 구현. var mixEvents = function(obj) { let library = {}; // console.log("args===========>", obj); obj.on = (event, callback) => { if (!library[event]) { library[event] = [callback]; // 여러개가 있어도 순차적으로 실행되야함 } library[event].push(callback); }; obj.trigger = function(event) { let args = []; console.log(arguments); for (let j = 0; j < arguments.length; ..
1. 먼저 카카오 개발자 홈으로 이동 https://developers.kakao.com/ Kakao Developers_ 더 나은 세상을 꿈꾸고 그것을 현실로 만드는 이를 위하여 카카오에서 앱 개발 플랫폼 서비스를 시작합니다. developers.kakao.com 2. 로그인 후 상단에 이름 클릭 - 내 애플리케이션으로 이동 3. 사용자 관리 토글 버튼 ON , 일반으로 이동 후 주소 설정 4. Passport , Passport-kakao 설치 yarn add passport yarn add passport-kakao 코드 작성 const KakaoStrategy = passportKakao.Strategy; const kakaoKey = { clientID: "일반에서 정의된 내 API 키", cl..