본문 바로가기

전체 글84

[React] Day_47 데일리 정리 오늘은 무려 과제 발제날... 시작하려는데무려 오늘 한 일 = 과제 질문지 맘에 안들어서 다시 만들기죠?이게 끝이긴 해서.. 밤 샐거 같고요?일단 강의 정리로 오늘 TIL를 대체해보도록 하죠...레쯔고 React (리액트) 강의 정리 - 심화 ver. 오랜만이야 미디아꿔리...  비동기 처리- 비동기 처리가 필요한 EU 서버에서 데이터를 가져오거나, 이미지를 다운로드하는 작업처럼 시간이 오래 걸리는 경우 존재∴ 이때 화면이 멈추지 않게 하고 싶다? → 비동기 처리가 필수! - Promise(프로미스)비동기 작업의 성공 여부를 알려주는 객체!성공 →  .then()에서 처리실패 →  .catch()에서 에러 잡음[사용법]const promise = new Promise((resolve, reject) =.. 2024. 11. 25.
[React] Day_46 팀 프로젝트 후기 오늘부터 새로운 조, 새로운 팀원들을 만나고강의도 새롭게 올라와서 나아름 열심히 들었지만?그래도 팀 프로젝트에 대해 적기는 적어야 할 것 같아서..(가뜩이나 시간도 없는데 이것저것 넣을 것은 많아 정말 힘들었어서..🥲)이렇게 적어봅니다 팀 뿌로작뜨 후-기console.log(가보작호); 팀 프로젝트 - 뉴스피드 프로젝트 ( '살까 말까' Project)우리 살카(살까말까의 캐릭터) 한번씩 봐주세요. 귀엽죠? 뉴스피드 프로젝트 (1) - 프로젝트 개요이번 프로젝트는 내 게시물을 포함된 모든 게시물을 볼 수 있는 공간인 뉴우스피드 제작 프로젝트이다.  주제는 유용하고 저렴해보였던 물건이 우리 집에만 오면 예쁜 쓰레기가 되는다이소나 쿠팡에서 사는 칭구들..을 보다 현명하게 소비하고자 만들었다.이름하야 살까.. 2024. 11. 22.
[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.

티스토리툴바