전체 글
-
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.
-
220810 TILTIL 2022. 8. 14. 01:34
오늘 할 일 주특기 숙련 6일차. 벌써 내일 제출이다. 어제 항해톡으로 오지게 불태웠고 잠도 푹자고 낮잠까지 때렸다. 이제 내 담당하는 페이지 기능을 완성해야한다. 으아아아아아아아아ㅏ아아아 할수 있다!!!! 해야되니까 하는거기도 하고 일단 그냥 한다. 포스팅 페이지에서 작성된 json server db에 있는거 메인으로 땡겨서 페이지에 표시하기, 무한스크롤하기. 마이페이지부분에서는 내가 쓴 글만 떙겨서 보여지기, 닉네임 및 자기소개 프로필 수정, 페이지네이션 디벨롭은 프로필 사진도 바꾸는 것, 자기소개 바꾸는거 모달로 모아서 바꾸는 것, 정렬순 바꾸는 것 까지. 오늘 한 것 & 더봐야할 키워드 D-69.
-
220809 TILTIL 2022. 8. 10. 15:44
공부 해야되는 키워드 json server axios sop, cors 아ㅣ 진짜 할거 개많넼ㅋㅋㅋㅋㅋㅋㅋㅋ 헤더란 간단히 설명하자면, 데이터가 다른 곳으로 전송될 때 데이터의 맨 앞 쪽에 붙은 보충 정보라고 보면 된다. 받는 쪽의 IP주소, 사용할 프로토콜이나 옵션 등이 담기는데 우편으로 치면 봉투에 적힌 내용이라고 볼 수 있다. 이 헤더의 origin 항목에는 요청하는 쪽의 schme과 도메인, 그리고 포트가 담긴다. 여기서 schme이란 요청할 자원에 접근할 방법. 이를테면 http, ftp, telnet 등을 말한다. 프로토콜이라고도 한다. 요청 헤더를 받은 서버는 지정된 Acess-Control-Allow-Origin 정보를 실어서 보낸다. 이제 브라우저는 그 두 요청을 비교하여 똑같이 있다면 ..