전체 글
-
220906 TILTIL 2022. 9. 9. 01:50
오늘 할 일 TIL을 아침에 의식적으로 써야겠다. 뭔가 안쓰는게 또 익숙해져서 공부한 내용이나 중요 키워드를 안적고 넘어가서 놓치게 된다. 실전 프로젝트 2주차다. 아직 본격적인 코딩은 된게 없다. 아마도 내일부터 본격적으로 코딩이 들어갈 것 같은데.. 그러면 MVP까지 1주일 반밖에 안남게 되니 심리적으로 쫄리기 시작한다. 근데 뭐.,.. 어쩌겠어 해야지.. 리덕스 툴킷이랑 thunk공부나 하자. 오늘 한 일 & 더 봐야 할 키워드 Recoil React-query redux-saga D-42?
-
[React] UI/UX란?Frontend/React 2022. 9. 9. 01:05
임민영 튜터님 강의. 1. 가시성 그 기능이 사용자 눈에 띄어야 함. 2. 피드백 사용자의 행위 후 일어난 변화를 적절하게 피드백해야 한다. 3. 제한요소 특정 상황에서 사용자가 해도 되는 것, 해선 안되는 것을 명확히 규정하고 제한 ex) 글을 작성중에 다른 페이지로 나갈 시 글이 날아간다면 날아갈 수도 있다고 인지 시키는 것? 4. 맵핑?? 사용자가 특별한 설명이나 도움없이 대상의 기능을 쉽게 떠올리고 이용가능 ex) 하트버튼을 누르면 좋아요, 별표는 즐겨찾기 등. 5. 일관성 적용된 디자인은 일정한 패턴이나 예측가능한 일관성을 지녀야 함 ex)사이트 디자인이 페이지마다 글씨체가 다르다던가 하면 안됨 6. 행동유도성 사용자에게 기대하는 행위가 인지, 유도 되어야함 무한스크롤 로딩상태 표시 (스켈레톤,..
-
220831 TILTIL 2022. 9. 6. 13:33
오늘 할 일 진짜 너무 정신없이 지나가서 TIL을 챙겨 쓸 겨를이 없었다. 클론코딩 주때는 아예 생각도 못했고..... 뭐 모르는 거 있어도 그냥 급하게 공부해서 정리 할 생각도 못하고 바로 가져다가 사용하고...어떻게든 꾸역꾸역 완성은 했지만 약간 안타깝다. 여차저차 우여곡절 끝에 실전 프로젝트 주차 까지 왔다. 매주 팀원이 바뀌던 때랑 달리 6주동안 같이 가야 하는 팀원들과 꾸려졌고 난 어쩌다보니 부리더까지 맡았다. 역시나 촉박하고 할일은 많지만 맨날 1주일만에 완성해야된다는 압박감에 시달리다가 6주라는 시간이 주어지니 상대적으로 널널한 기분이 드는 것 또한 사실이다. 그래서 급하게 달려오면서 제대로 챙기지 못했던 기초를 다지면서 실전프로젝트를 좀 더 탄탄하고 퀄리티있게 만들자라고 생각해봤다. 화려한..
-
[React] promise, async awaitFrontend/React 2022. 9. 6. 13:29
promise 1. Promise는 무엇인가? JavaScript(React)에서 Promise는 비동기 처리에 활용되는 객체이다. 여기서 비동기 처리란 line by line 순차적으로 특정 코드의 실행을 끝까지 기다리지 않고 다음 코드를 선제적으로 처리하는 것을 의미한다. 2. Promise의 역할 Promise는 주로 웹 서비스 구현 시 원활한 데이터 통신을 위해 활용된다. 더욱 구체적으로 말씀드리자면, 서버에 데이터를 요청했을 때, 데이터가 모두 받아오기 전에 웹에 출력하려고 할 때 발생하는 오류를 방지하기 위해 활용된다. 즉, Promise 객체는 A, B, C 로직이 있을 때, A 로직이 모두 완료될 때까지 B, C 로직을 대기시키지 않고 실행시키는 데 주로 활용된다. 3. Promise의 상..
-
220819 TILTIL 2022. 8. 31. 15:14
오늘 할 일 첫 협업 프로젝트가 끝나고 클론코딩 주다. 뭔가 할게 더 많아졌다....... 그냥 나를 재울 생각이없나 보다 항해99는..... 오늘 한 일 & 더 봐야할 키워드 svg파일 리액트에서 사용하는 법 보통 이미지파일을 사용할땐 jpeg,png를 사용했었는데 클론코딩을 진행하면서 대부분의 곳에서 로고파일로 svg파일을 쓴다는걸 알았다. 이게 출력도 빠르고 더 좋다고는 들었는데..... 뭐 여튼 사용법이 좀 달라서 까먹을까봐 TIL에 작성해둔다. svg파일 리액트에서 사용하는법 시멘틱태그 (태그를 태그답게 검색최적화) 라이트하우스(개발자도구에 나오는거) export const getTimeString = (date) => { const today = new Date(); const timeValu..
-
220817 TILTIL 2022. 8. 19. 21:23
오늘 할 일 6주차 제출 하루 전. 개쫄린다. 할게 많다. 아직 댓글 CRUD완성이 덜 됐다. 근데 뭐... 하다보면 되겠지 뭐. 오늘 한 일 & 더 봐야할 키워드 미들웨어 thunk(거의 통신용 리듀서 느낌) 플럭스 개념 리액트의 근본 이해하기 단방향 데이터 useParams() "react-rauter-dom" 패키지 중 하나로 payload값 넘길 때 몹시 용이하다. 그냥 import 해주고 변수선언해준 뒤 dispatch 사용 리덕스 함수 인자값에 넣어주면 끝. 보통 id값, 즉 개인페이지나 특정 번호 페이지의 payload값을 넘길 때 사용하며 변수선언할 떈 {} 필수. 보통 라우터 PATH설정 해줄 때 'detail/:id' 이런 식으로 지정을 많이 해주기 떄문에 useParams 변수명도 ..
-
220814 TILTIL 2022. 8. 15. 03:44
오늘 한 일 미니프로젝트 백엔드 협업 주 3일차 일요일. 어제 개늦게 자서 ㄹㅇ 하루종일 잤다. 오후 느즈막이 일어나서 집안일하고 쉬고 뒹굴대다보니 저녁쯤에나 노트북앞에 앉았다. 역시 일요일은 좀 퍼진다.. 헤더랑 전체 레이아웃은 완성했고 대략적인 디테일 뷰도 완성. 근데 기능부분을 생각하다보니 API 명세서랑 URL이 좀 달라질 거 같은데...모르겠다 내일 생각하자. 일단 빨리 자야한다. 내일도 할 일이 태산이여. 실전 프로젝트도 슬슬 진지하게 생각해볼때다. 백엔드분과 팀장을 꾸릴지 그냥 랜덤에 운을 맡길지... D-65.
-
220813 TILTIL 2022. 8. 15. 03:37
오늘 할 일 항해 6주차 백엔드와 협업 주 2일차. 프론트 2명과 백엔드 3명으로 이뤄진 첫 협업하는 주차에 2일차다. 첫날에는 걍 지쳐서 가볍게 주제정하고 와이어프레임 만들고 API 명세서 작성 후 환경설정 및 패키지 세팅과 깃세팅을 맞춰두고 헤더정도만 그리고 걍 뻗었다. 오늘 뷰 다그려놓고 간단한 기능 한두개 구현해놓고 자려했는데 공부안되서 너무 퍼져있었다..... 주말이라고 헤이해졌다. 할일은 해야지 .. 오늘도 새벽에 자지 않을까...싶다 오늘 한 것 & 더봐야할 키워드 미들웨어 엑스트라 리듀서 리액트에서 구글폰트 적용하는 법 D-66.