코딩쌀롱

세 번째 프로젝트 셋째 날. 📚 프로젝트 진행 회고 - 어제(어린이날) 우테캠 자소서를 작성하느라고 아침7시 전 쯤 잠들어서 3시간정도 밖에 못 잤다.. 그래서 점심 직후에는 정말 제정신이 아니었던 것 같다. 눈만 뜨고 있는 느낌.. 분업이었다면 쉬려고 했을 텐데 페어로 대화하면서 하다보니 금방 다시 정신을 차릴 수 있었다! 비몽사몽한 상태였어서 미안했어요🥺 - game 컴포넌트까지 모두 작성하고, 전체적인 스켈레톤 코드 작성을 완료했다. 그리고 백엔드의 제인,정과 api에 대해 회의하면서 데이터를 어떻게 주고받을지에 대해 대략적으로 정리가 되었다. 제인&정 감사해요!!🙏🏼 - 모든 액션마다 서버와 데이터를 주고받는 것이 부담이 돼서 로컬스토리지를 활용하기로 했다. 액션마다는 로컬스토리지에, 선수가 바뀔..

세 번째 프로젝트 둘째 날. 📚 프로젝트 진행 회고 - 오늘은 아델라와 프론트 협업 룰을 정했다. 프로그래밍 협업 방식을 풀페어로 정했다!! 완전 풀페어는 처음이라 설렘반 걱정반이다. 과연 내가 페어로 2주를 잘 해나갈 수 있을까. 노력해보자! - 오늘은 아델라가 네비게이터, 내가 드라이버로 코딩을 했다. 페어가 익숙하지 않아서 드라이버로서 어느 정도의 의견을 제시하는 게 좋을지 고민이 되기도 했다. 그래서 아델라에게 오늘 마무리할 때 물어보니 의견을 많이 제시해주는 게 좋은 것 같다고 말해줘서 이제 좀 더 의견을 자유롭게 이야기해보려고 한다! 📚 개인 공부 회고 - 어제의 Try가 '8시에 컴퓨터 앞에 앉기'였는데 8시 15분쯤 앉았다ㅎㅎ 10시까지 리팩토링할 시간은 없었지만 딱 10시에 제출할 수 있..

세 번째 프로젝트를 시작하는 날. 📚 프로젝트 진행 회고 - 지난 프로젝트를 하면서 하고 싶었던 협업 방식을 서로 이야기 할 수 있어서 좋았다. 이번 프로젝트에서 하고 싶었던 코드리뷰 방식, 위키에 매일 회고 남기기, 회의록 문서화를 하게 돼서 기대된다! - 반찬 쇼핑 웹사이트 프로젝트에서는 백엔드와의 소통이 많이 필요하지 않았던 반면(초반에 api를 제공받았었기 때문), 이번에는 소통이 많이 필요한 미션같다. 그래서 뭔가 더 프로젝트다운 느낌이 들어서ㅎㅎㅎ설레고, 제인과 정과 함께할 수 있어 기쁘다🥳 - 게임 프로젝트라서 그런지, 이전 미션보다는 확실히 복잡해진 느낌이다. 그래서 api설계도 쉽지 않았던 것 같다. 쉽지 않지만 이번 미션도 잘 해보고 싶다! 모두 화이팅✨✨ 📚 개인 공부 회고 - Rea..

저번 회고를 보니까 매주 회고 작성이라고 해놨던데.. 한 달이나 지나서 쓰는 회고. 그간 바뀐 것이 있다면 서울에 아예 자리를 잡았다! 온전히 공부에 집중할 수 있는 공간이 생겼다. 부작용이 있다면, 꾸밀 수 있는 공간이 생기면서 오늘의 집을 너무 많이 본다는 거..🤦🏻‍♀️ ✱잘한 것 첫 주는 집중도 잘 했고, 코딩도 만족스럽게 많이 했다. 월~목에는 알고리즘 스터디를 하면서 알고리즘을 매일 풀고 있다. 항상 잘 풀고 있는 건 아니지만 그래도 잘 하고 있다고 생각한다. 그리고 기술아티클 읽고 한 줄 정리 하는 것도 좋은 것 같다. ✱아쉬운 것 주말에 공부를 못 하고 지나갔다. 토요일에는 본가에 갔다왔고, 일요일에는 조립을 미뤄놨던 행거를 재조립하면서 옷 정리, 서랍 정리..하다가 시간이 다 가버렸다. ..

Authentication: 누가 ‘누구’라고 했을 때 맞는지 확인하는 것, 내가 나인지 확인 Confirms users are who they say they are Authorization: 권한 부여 Gives users permission to access a resource +--------+ +---------------+ | |--(A)- Authorization Request ->| Resource | | | | Owner | | || Authorization | | Client | | Server | | || Resource | | | | Server | | | jwt.io에서 디코드 가능 방법 중 Authorization Code는 서버가 있을 때만 가능

state가 바뀌면 리렌더링된다. 컴포넌트에 props를 넘겨주냐마냐와는 관련이 없다. (props로 넘겨주는 컴포넌트만 리렌더링된다고 오해하고 있었음)

•3월 첫째 주 : 아주 베리 굿. 집중도 잘 하고 미션도 열심히 잘 했음. •3월 둘째 주 : 첫 오프라인 수업을 화요일에 했음. 월요일 오전 수업, 오후에 병원갔다가 서울 올라오느라 하루에 한 게 없었는데 화요일 오프라인으로 동료들 만나면서 너무 신나서 또 한 거 없이 날림.. 그리고 금요일에는 렌즈삽입술하면서 이 주에 한 것 없이 그냥 날림.. •3월 셋째 주 : 자유 프로젝트 주제를 처음에 애매하게 정해서 이리 바꿔볼까 저리바꿔볼까 하다가 지난 주에 못한 미션을 이어서 함. 그래서 api나 express에서 다양한 http 메서드를 써보는 건 못 해서 너무너무 아쉬움. 바뀐 환경 오프라인을 시작하고 서울을 왔다갔다 하면서 시간을 효율적으로 쓰지 못 했고, 집중도 못 했다. 오프라인은 단 하루일 뿐..

✘✘✘ 문제 발생 코드 ✱ 익스프레스 서버 app.js const express = require('express'); const app = express(); // 생략.. const indexRouter = require('./routes/index.js') const itemsRouter = require('./routes/item-list.js') app.get('/', indexRouter) app.get('/item-list', itemsRouter) //생략.. ✱ itemsRouter 라우터 객체를 exports하는 routes/item-list.js const express = require('express'); const router = express.Router(); const ite..

✱ pipe 함수 const pipe = function() { let fns = [...arguments]; return function(arg) { return fns.reduce((arg, fn) => fn(arg), arg); } } pipe함수를 위처럼 작성했었는데 화살표함수로 표현해보라는 리뷰를 받아 수정했다. const pipe = (...fns) => arg => fns.reduce((arg, fn) => fn(arg),arg) 이렇게나 코드가 간단해졌다!!! 화살표함수에는 elements 객체가 없어서 어떻게 인자들을 받아와야할까 했는데 디코에게 rest parameter 힌트를 얻었다. 그래서 여기에 커링을 한 스푼 더해 화살표함수로 pipe함수를 만들 수 있었다. 오늘 제일 뿌듯했던 ..

✱ES Modules export default 할 때는 넘기는 게 딱 하나일 때 export default ref; import ref from './ref.js' 넘기는 게 여러 개 라면 export { ~, ~, ...} export { a, b, c } import { a, b, c } from './ref.js' 넘기는 게 여러 개이고, 받을 때 한 변수에 담아서 받고 싶다면 export { a, b, c, d, e, f } import * as elements from './ref.js' ✱ 배열에 비동기 작업 처리 배열을 가지고 〔원소1 처리 - (1초 뒤에) - 원소2 처리 - (1초 뒤에) - 원소3 처리 .... 〕이렇게 해보려는데 방법을 모르겠어서 구글링을 했다. forEach는 순..