전체 글49 [React] Day_45 데일리 정리 드디어 팀프로젝트 끝! (아 정리해야하는데..)오늘은 챌린지 스터디 정리.. 우선 하고 빠르게 잘 예정입니다왜냐? 너무 졸려요.. (3일내내 3시간씩잤나.. 그랬..음..)또 발제하는데.. 아.. 과제지옥... 아오...여튼 내일 생각하는거로 하고 시작해보도록 하죠.레츠고. 챌린지반 스터디 정리 - 세션 vs 토큰 vs 쿠키? 그리고 JWT꾸뤀히... 꾸루끼! 그리고 링크는 잘 보자.. (3개였는데 1개만 본 림졍림졍아..) 쿠키웹 서버가 브라우저에 저장하는 작은 정보 파일쿠키주로 사용자의 세션 상태나 정보를 기억해 웹사이트 이용을 편리하게 만들어줌ex) 장바구니에 담긴 상품을 저장 or 로그인 상태를 유지하는 데 사용 → HTTP 쿠키 (대부분 HTTP 프로토콜을 통해 전송) - 저장은 어디에?.. 2024. 11. 21. [React] Day_44 데일리 정리 얼라리 하고 계정 가입이 안되어서…밤새우면서 뭐지 하고 원인 찾다알고보니 내 권한 밖의 일이라 결국 오전에 해결할 수 밖에 없던 일이었던것을 알고 멘붕 온 사람?..That's me.오늘도 강제 야근인 림졍은 오늘도 챌린지 강의 정리 할겁니다.가보자고, goyo. 챌린지반 강의 정리 - Database 기초야 DB... 앞으로 친하게 지내자? DB(데이터베이스) 데이터를 체계적으로 저장하고 관리하는 시스템단순히 파일로 저장 X, 대량의 데이터를 빠르고 안전하게 처리할 수 있도록 도와주는 시스템! DB의 역할데이터를 안전하게 보관데이터를 빠르게 검색 및 수정 가능여러 사용자가 동시 사용 가능.데이터 무결성과 보안을 유지한다.💡 Tip“데이터 무결성”이란 데이터의 정확성과 일관성을 유지하는 특성이다!.. 2024. 11. 19. [React] Day_43 데일리 정리 팀플도 팀플이지만 맠하롱 하나때문에 급체한 림졍...은주말 내내 TIL도 못쓰고 상태이상으로 혼절.. (ing 중...)겨우겨우 TIL 써서 업로드해봅니다.. 하하여튼 후다다 작성해보겠습니다라쯔고. 챌린지반 강의 정리 - Clean Code (클린 코오드)깔끔한 코드가 보기에도 좋고, 쓰기도 좋다(?) 코드 컨벤션 클린코드의 시작 → 의미 있는 변수명을 짓는 것에서 출발코드 컨벤션 : 팀원들이 같은 규칙을 따르도록 만들어서 협업을 쉽게 + 코드를 빠르게 이해하게 해줌 장점 팀의 코드를 보면 마치 한 사람이 작성한 것처럼 느껴짐.사람(개인)에 의존하지 않고 규칙에 의존하도록 함.코드를 읽을 때 의도를 빠르게 파악 가능. 변수 및 함수 선언 스타일 - camelCase : 변수랑 함수 선언에 주로 사용.. 2024. 11. 18. [React] Day_42 개인 프로젝트 후기 안냐심꽈 다시 돌아온 림졍입니ㄷr.오늘은 프로젝트로 마무리좀 지을게요.(팀플량이 조금 많아서.. 그건 주말에 정리좀 해보겠습니다.)이번에는 1세대 뽀깟몬 데이터를 활용하여 도감을 제작해보았습니다.배포는 Vercel을 활용하였고 기능 구현을 다하고 욕심을 부리다 보니..그.. 생각보다 많이 묵직-해요(?) 바로 설명으로 가보도록 하죠레쯔고. Poke-Dex Project 💁🏻♂️링크는 이곳을 타고 가주세용 → 바로가기 To. 이걸 오픈하시는 분께. 절대절대 절대 소리를 최대로 하고 페이지를 오픈하지 마세요.그러다가 진짜 죽습니다. 귀테러 당해요.저는 경고했어요? 그럼 이제 진짜 가시죠. Intro 간단소개 [필수 구현 사항]Git Branch - props-drilling (1차 작업) .. 2024. 11. 15. [React] Day_41 데일리 정리 기능 구현 싸아아아아아그리몽땅 다했는데Vercel 배포에서 애먹은 사람? 저요.근데 알고보니 정말 별것도 아닌알파벳 한 끗 차이로 오류난 거였다는 것에 현타온 사람? ..저요.이거 때문에 뭐지 뭐지 하면서결국 다른 기능... 구현 하면서 밤 샌 사람? ........저 yo.히히 개인과제 정리는 내일해야징..가보자...goyo 챌린지반 스터디 정리 - CORS? COR..S!너가 유일한 희망이야... RG? CORS(크로스 오리진 리소스 공유의 줄임말)로드된 도메인 → 다른 도메인의 리소스, 안전하게 요청 + 애플리케이션을 통합 위해 허용하는 메커니즘(or 상호 작용하는 클라이언트 웹 애플리케이션)why? → 클라이언트 측 코드, 서드 파티 API 및 리소스를 참조하는 경우가 많기 때문)ex) 브.. 2024. 11. 14. [React] Day_40 데일리 정리 과제 구현은 (거의) 다 했고.. 이제 아쉬운 부분만 추가하면 되는 림졍(새벽에 토스트랑 엄청나게 싸웠다.. 이덕수는 ^^.. 말 안해도 알겠죠?)오늘은 챌린지 스터디 정리로 빠르게 TIL 넘기구..과제랑 챌린지 프로젝트 구상좀 하러 가겠습니당... (은근 할게 많아요 어흑흑)그럼 가보작호-! 챌린지반 스터디 정리 - API란 무엇인가? (+ Rest API)404의 기원은 이것이었군(?)! API애플리케이션 프로그래밍 인터페이스 의 약자다른 소프트웨어 시스템(애플리케이션)과 프로그래밍 방식으로 통신하기 위한 규칙 (표시 or 생성)웹 API = 클라이언트와 웹 리소스 사이의 통로! 클라이언트웹에서 정보에 액세스하려는 사용자를 의미 (= API를 사용하는 사람 or 소프트웨어 시스템)날씨 데이터에 .. 2024. 11. 13. [React] Day_39 데일리 정리 진짜진짜진짜로다가 숙련주차 강의정리 끝내는 날! (몇일... 걸렸지)내일은.. 챌린지 과제 정리할 거 같고...과제 요약하면 끝나지 않을까.. 싶네요와 이정도면 너무 알차게 사는 림졍이 아닐까... ^-^)b...오늘도 시작해볼까요? React (리액트) 강의 정리 - 숙련 ver. (이이이어이이서)드디어 강의정리 끝! 그리고 알다가도 모르겠는 수-빠 베이수. React Router Dom리액트 프로젝트에서 라우팅을 가능하게 하는 라이브러리. 리액트의 특징인 SPA 에서도 여러 페이지를 오가며 보이게 해줌. - 주요 기능 및 개념싱글 페이지 애플리케이션(SPA) 지원하나의 HTML 파일로 구성된 SPA에서 여러 경로(route) 설정, 경로에 따른 컴포넌트 동적 렌더링이 가능함브라우저 라우팅과 해.. 2024. 11. 12. [React] Day_38 데일리 정리 이덕수가 싫은 림졍은그를 때려눕히기 위해 오늘도 열심히 내공 다지는중... (는 강의정리하면서 내공냠냠중이죠?)강의 정리 지지이이이인짜 얼마 안남았으니 언능 빠르게 가보자구요라쯔고. React (리액트) 강의 정리 - 숙련 ver. (이이이어이서)이덕수 내공냠냠 Redux 기반 TodoList 만들기기초 뼈대// src > redux > moduels > todos.js// Reducerconst todos = () => {};export default todos; 나머지는.. 저번처럼 하면 됩니다. 어때요, 참 쉽죠? (ft. 밥아저씨)[ src > redux > modules > todos.js ]// Action valueconst ADD_TODO = "ADD_TODO";const DELETE_.. 2024. 11. 11. [React] Day_37 데일리 정리 포깟몬 프로젝트를 어쩌다보니 useContext까지 끝내버린 림졍.학구열이 갑작스럽게 높아진(?) 그녀는 자기도 모르게 TIL를 써버리게 되었는데...(실은 오블완 챌린지 다 해치우고.. 싶달까..? 후후..)빠르게 가시죠. 일단 고. React (리액트) 강의 정리 - 숙련 ver. (이이이어서)리덕스... 리덕수... 이덕수씨...!!!! redux 흐름 View 에서 액션 발생dispatch action 발생reducer 실행(by action) 전, middleware 작동middleware 에서 명령 수행 후, reducer 함수 실행 (3, 4번은 아직 몰라도 된다!)reducer 실행결과, store에 새로운 값으로 저장store의 state, subscribe 하고 있던 UI에 변경된.. 2024. 11. 10. 이전 1 2 3 4 ··· 6 다음
