전체 글
-
CORS란?Computer Science 2022. 8. 10. 15:43
CORS란 무엇인가?? CORS는 Cross-Origin Resource Sharing의 약자로 직역하면 "교차 출처 리소스 공유" 이다. 좀 더 쉽게 말하면 동일한 출처가 아닌 다른 출처에서 데이터를 주고 받는 것을 허용하는 정책이다. 그렇다면 이러한 정책이 왜 필요한 것일까? 그건 먼저 "동일 출처 정책"에 대해서 알아야 한다. Same Origin Policy(동일 출처 정책) 동일 출처 정책은 웹 브라우저에서 보안을 강화하기 위하여 동일한 출처에서만 리소스를 주고 받도록 하는 정책이다. 그렇다면 "출처"는 도대체 무엇일까? 쉽게 말하면 URL 주소이다. (먼저 URL의 구성요소를 모르는 분들을 여기 에서 먼저 읽고 오길 바란다.) 하지만 "동일한 출처"는 정확히 똑같은 URL을 의미하는 것을 아니..
-
220807 WILTIL 2022. 8. 9. 00:27
오늘 할 일 주특기 숙련 3일차. 이번주 차는 리액트 심화주 차를 거쳐서 숙련 주 3일차에 도달했는데 그동안 좀 실력이 늘긴했나 잘 모르겠다. 확실히 좀 익숙해진 것도 있고. 근데 공부해둔거 정리하는게 쉽지않다. 기술블로그를 좀 깔끔하게 관리하고 싶은데 흠. 화요일에 항해톡도 있고 월요일에 숙련주차 팀플 Api 설계 명세서 작성도 해야하고 뷰는 대충 만들었으니 기능구현도 들어가야한다. 일단 역시 제일 핵심은 json서버의 jwt 토큰을 만들어 활용할 수 있는지?? json 서버를 좀 딥하게 공부해야하고 학습자료도 전반적으로 다 봐줘야한다. 그래야 진도가 좀 나갈 각이 보인다. 학습자료 정독 및 따라하기, 항해톡 CORS 주제 조사 및 템플릿 찾아둬서 틀 만들어두기, 팀과제..도 해야함. 이번 주에 한 것..
-
220805 TILTIL 2022. 8. 6. 03:51
오늘 할 일 주특기 숙련 주차 첫날. 어제는 다행히 개인과제를 시간안에 완료하여 제출하였다. 기초 주차떄 굉장히 헤멨던 걸 생각하면 뿌듯하다. 심화 주차때도 헤메지 않았다면 거짓말이겠지만 어쩃든 꾸역꾸역 소화는 했다. 그리고 숙련 주차 첫날이되었다. 하하. 팀플을 하라고합니다. ........ 슬슬할 때가 되긴했는데 쉽지않군. 주제부터 정해야하는데 쉽지않다. 주제는 CRUD의 근본인 게시판을 활용한 인스타그램맛으로 만든다. 대충 맛스타그램느낌. 근데 이걸 직접 구현해보려하니 기능도 많고 시간도 빠듯하고 공부할 것도 많다. ㅋㅋㅋㅋ후.. 나 화이팅 오늘 한 것 & 더 봐야 할 키워드 팀플 주제 정하기 게임 만들기(미니게임 천국?) 구구단, 끝말잇기, 숫자야구, 틱택토, 로또생성기 등. 혹은 지뢰찾기 등등 ..
-
220804 TILTIL 2022. 8. 5. 11:46
오늘 할 일 주특기 심화 주 마지막 날. 난 결국 개인과제를 마지막 날까지 들고 왔다. 빌어먹을. 절반정도 남았는데 구현 언능 하고 git에 올리자.. 오늘 한 것 & 더 봐야 할 키워드 map(), filter() 개념 다시 잡기 fliter()는 어떤 값을 남기고 싶은지 생각해봐야하는 메소드. useLocation()에 대한 개념 잡기. Navigate나 link는 직관적이라 바로 이해가 가능했으나 이건 좀 공부가 필요할 것 같다. 그리고 페이지가 좀 복잡해졌을 때도 원하는걸 간편하게 표시하려면 활용법을 익히자. D-75.
-
220803 TILTIL 2022. 8. 4. 11:12
오늘 할 일 주특기 심화 6일차. 기능 구현 마무리가 되야한다. 라우팅도 마무리 지어야하고. cs스터디 발표만들고 다하면 팀과제. 그리고 그거 끝나면 코드리뷰가 있다. 후. 완성했다면 git에 올려둬야하고 공부. 오늘 한 것 & 더 봐야할 키워드 nanoid 제어 비제어 컴포넌트 form태그, onSubmit Redux 삭제 로직 이해. Redux 라이브 세션 - 권지영 기술매니저님 미들웨어 리덕스는 동기액션으로 이루어져있다. 리덕스는 동기적인 애들만 사용가능 미들웨어는 액션전에 비동기액션을 처리하기 위해 필요한 어떠한 것? 액션을 처리하기 전에 무언가 작업을 하기위해 미들웨어를 적용해야한다. 리덕스에서 어떻게 디버깅을 할 수 있는지 흐름을 파악하여 알아보자 리덕스 툴로는 redux, react-redu..
-
220802 TIL카테고리 없음 2022. 8. 3. 09:15
오늘 할 일 주특기 심화 5일차. 오늘 무조건 완성을 시키자. git에 올려두자. 그리고 어제 공부하면서 적어둔 TIL 날아갔다. 하................. 간만에 정리 빡세게 했는데 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ저장 안되있고 로그아웃되잇어서 날아갔다. 아침부터 몹시 멘탈이 터지는구만ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 오늘 리덕스부분과 라우팅 부분을 마무리 짓고 기능 구현들어가서 후다닥 끝내는게 목표. 그리고 눈뜬 시간에 바로 좀 일어나자ㅋㅋㅋㅋㅋ 오늘 한 것 & 더 봐야할 키워드 cs스터디 P문제, NP문제 P문제란 결정론적 튜링 기계를 사용해 다항 시간 내에 답을 구할 수 있는 문제 NP문제 비결정론적 튜링기계를 사용해 다항 시간 내에 답을 구할 수 있는 문제 여행하는 외판원 문제 음 약간 좀 더..
-
220801 TILTIL 2022. 8. 2. 09:21
오늘 할 일 주특기 심화 주차 4일차. 저번주보단 열심히 달리고있고 확실히 공부도 되고있다. 근데 그냥 상대적으로 진도가 덜되있다고 생각하니까 사람이 쫄리네ㅐ....일단 아마 수욜 아니면 목욜이엿나 cs스터디 발표준비 해야되고 주말에 항해톡도 준비 해야되고 좀 더 그 전에 일단 개인과제 마무리 지어야되고 그그전에 일단 팀과제 오늘 1시 전까지 마무리 지어야하고 이따 3시까지 개인과제 어느정도 완성해야되고...할거 개많은데 왜 나는 아침잠이 이렇게 많은가... 오늘 한 것 & 더 봐야할 키워드 cs스터디 검색과 정렬 이진검색과 선택정렬, 퀵정렬 이진검색 앞선 시간에 선형 탐색 알고리즘을 했는데 이건 시간이 많이 걸린다. 그래서 나온게 이진탐색. 검색을 반으로 쪼개면서 비교하면서 찾아간다. 근데 맨처음에 반..
-
220731 WILTIL 2022. 8. 1. 10:22
강의 듣기, 팀과제 해결, 학습자료 훝어보기, git 강의 보기. state props 리렌더링 발생 조건 React에서 리렌더링이 되기 위해서는 업데이트가 될 때 렌더링이 된다. 이 업데이트가 되는 조건, 즉 리렌더링이 되는 조건은 아래와 같다. state변경이 있을 때 새로운 props가 들어올 때 부모 컴포넌트가 렌더링 될 때 강제 업데이트가 실행될 때 보너스+ shouldComponentUpdate에서 true가 반환 될 때. 보통 지나친 리렌더링은 성능을 악화시켜 효율성과 최적화면에서 몹시 떨어질 수 있다. 렌더링은 필요할 떄만 사용하여 성능 최적화를 위해 노오력을 해야겠지만 아직은 그런걸 생각할 때가 아니다. 일단 초보일땐 구현에 초점을 두고 일단 만들자. flex flow 제어 비제어 컴포넌..