TIL

컴퓨터 패키지 관리JS 런타임 패키지 관리스마트폰 패키지 관리프로그램이 실행되고 있는 환경프로젝트에 필요한 정보를 담은 카탈로그해당 프로젝트 폴더에만 존재각 폴더마다 패키지 install 필요 localhost vs 127.0.0.1Loop back : 현재 사용중인

복사 붙여넣기와는 다른 의미, 원본 변경 시 모두 적용페이지도 하나의 큰 컴포넌트(페이지 컴포넌트)클래스형 컴포넌트 vs 함수형 컴포넌트(최근방식) \-> 기존의 회사는 클래스형 컴포넌트를 쓸 수 있음 \-> 클래스형 -> 함수형으로 변경할 줄 알아야 함 클래스형에서는

위와 같은 작업을 뭐라고 하냐??기존에 만들어놨던 코드를 더 효율적으로 만드는 작업가독성을 높이고 유지보수를 편하게 함 FTP (File Transfer Protocol)SMTP(Simple Mail Transfer Protocol)HTTP(HyperText Tran

포토폴리오 리뷰Router 컴퓨터 네트어크 간에 데이터 패킷 전송하는 네트워크 장치 (네트워크 계층)Router 객체 : 페이지 이동과 관련된 기능을 가진 객체Routing어떤 네트워크 안에서 통신 데이터를 보낼 때 최적의 경로를 선택하는 과정Static Routing

동기와 비동기 방식 > "글을 등록했는데 안불러와져" > 등록이 완료 되기 전에 불러와져서 그렇다 ! 비동기 실행 서버 컴퓨터의 작업이 끝날 때까지 기다리지 않는 통신 동기 실행 서버 컴퓨터의 작업이 끝날 때까지 기다린 후 다음 작업을 실행하는 통신 ex) 글 등록

qweqweqw

sad

복습 차 다시 한 번 하는 것 key:value 가 같을 시 value를 생략하는 것 🌸 restful하다..! 폴더 정리 하는 방법 📖Container Component ( 부모 컴포넌트 )Presentational Component ( 자식 컴포넌트 )⭐️ 파

일일이 입력객체로 묶기자동화 기능 사용index -> BoardWrite.container -> BoardWrite.presenter -> BoardWrite.styleReact의 흐름 : 단방향 프롭스를 2번 이상 전달해 주는 것 내가 만든건 onclick 함수에 넣

크롬 콘솔 단축키 : option + cmd + ivscode 파일 열기 : command + p << 이런 이상한 긴 숫자들이 안나오게 하려면..?presenter에 위와 같은 내용의 함수를 만들면다들 등록보다 수정이 귀찮은 작업인 걸 알기 때문에, 면

타입스크립트

포토폴리오 리뷰

CreatedBoardCommentInput! 으로 해주어야 했으며, 아래쪽도 createBoardCommentInput으로 해야 한다.이후 에러는 이런 에러니까, CreateBoardCommentInput을 제공받지 못했다 → queries에서 받아오지 못했다 패스워

하기 전 멘토님꺼 git pull 하다가 생긴 에러 해결 방법 여기의 \_id부분은 아무거나 가져와도 된다 여기서 pick<Imutation, “createBoardComment”>, IMutationCreateBoardCommentArgs // 이거 없으면 va

12일차

13일차

..

10시 프론트수업Shallow-Copy / Deep-CopyInfinite-Scroll내꺼 피드백 : isActive를 따로 만들지 않고, styled로 넘겨줄 때 interface를 boolean 형태로 넘겨주어 useState를 추가로 하지 않아도 재사용 할 수 있

margin-inline 기능 알아보기 10시 프론트수업이번주 (4주차)Class-Component Architecture (프론트 / 백 전체 숲 구경)Apollo-Server / GraphQL ( Backend API)Cloud-Storage ( 이미지 업로드 )오

알고리즘https://www.acmicpc.net/problem/5565새 학기를 맞아 상근이는 책을 10권 구입했다. 상근이는 의욕이 너무 앞서서 가격을 조사하지 않고 책을 구입했다. 이제 각 책의 가격을 알아보려고 한다.하지만, 영수증에는 얼룩이 묻어있었고

CORSGraphQL / Apollo-ServerFirebase / BAAS멍멍이 9개 출력하려면 for문 9번 돌리면되는데, map이나 foreach를 실무에서 많이 사용for문 사용 시 유지보수 어려움Q: api도 boardlist처럼 fetchboard만큼 화면에

Image-ProcessCloud-StorageValidationuuidyarn add -D @types/uuid사진은 용량이 큰데 그걸 DB에 넣으려면 용량이 너무크다..!그래서 따로 저장해두는 곳이 있는데(클라우드서비스 : AWS, Azure, GCP, …) 이걸

9 to 6 포토폴리오 시험

간단한 코드로 css 적용 성공..!쩐다용

props drilling 을 사용해서 사진을 업로드해준다.boardwrite.container → boardwrite.pesnenter → uploads.container → uploads.presenterboardDetail.queries 에 images 추가해 f

BoardList.presenter → Serchbar.container → Searchbar.presenterBoardList.container → BoardList.presenter (props)⬇ props전체 게시글 : 96 → 총페이지 10검색결과 게시글 :

정규표현식, 로그인 방식

Diffing / HydrationClosureHOC / HOF브라우저 저장소 (Browser Storage)cookie : 브라우저에 저장소이면서 서버에 데이터를 보내야 할 때localStorage : 브라우저 안에 key,value 형식으로 저장, 브라우저 on/o

useApolloClientReact-Hook-FormYupCommon-Componentreact-formredux-formformikreact-hook-form제어 컴포넌트 : 사용자 입력을 기반으로 state를 실시간으로 관리한다비제어 컴포넌트 : 바닐라 자바스크립

블로그 작성 closure / 권한분기 : hoc,hof 인강듣기 태그 속성/특성(attribute) >abbr 사용 시 나오는 모양 나열되는 요소들 tsx // 입력 : ol>li*3 하면 ol태그 안에 자동으로 3개가 만들어진다 재료준비 파를 기름

시 알고리즘 공부 피보나치 수10시 프론트수업DestructuringGenericWeb-EditorlamportMapDestructuringRest-parameter Custom-HooksCache-Modify refetch는 쉽다 하지만 목록이 10개씩들어올텐데 그걸

GenericCookie / LocalStorage / SessionStorageBasket모든걸 다 받을 순 있지만, 사용하려면 타입 명시타입을 만드는 것들어온 타입을 그대로 사용 any처럼 뭐든지 들어올 수 있지만, 인자에 123이 들어오는 순간 number 타입이

Web-EditorCross-Site-Script(XSS)Hydration-Issuereact-quillreact draft wysiwyg (위즈윅)toast-ui/editor : 노션형태로 만들 수 있게끔 하는 웹 에디터우리는 다운로드 수가 많은 react-quill

MapSPA - CSR / MPA - SSRCallback / Promise / Async-AwaitMacroTask / MicroTask카카오 개발자 API → 애플리케이션 추가하기 → App키 생성https://apis.map.kakao.com/사이트에 들

오늘 배울 것 RefreshToken GraphQL sessionStorage : 브라우저 껐다 키면 사라짐 localStorage : 브라우저 껐다 켜도 남아있음 cookie : Backend와 주고 받는 저장 공간 ⇒ httponly, secure UNAUTH

FileReader (기존 이미지 방식 비효율적)Promise.all (async / await for문 x, 모아서 전송)LazyLoad / PreLoad (원할 때 이미지 불러오기)지난번 이미지 업로드 방식대표적인 문제점글 작성하고 글 등록한 상태(6번)에서 다른

가상 돔으로 이루어져 컴포넌트 기반으로 개발할 수 있기 때문에 다른 부분에서도 재사용이 가능해지고, 이덕분에 생산성과 유지보수에 용이하다.또한 프레임워크 중 가장 유저수가 많아 커뮤니티 활성화가 잘 되어있기 때문에 개발자들도 정보를 얻기 쉬운 환경이라고 생각된다.DOM

OKKY - 프론트엔드 공부 및 포트폴리오 튜토리얼 지옥에서 벗어나기 개발에서 모르는 것들은 무한하며, 프론트는 매번 새로운 기술들이 끊임없이 등장한다. 배울것은 넘치지만 결국엔 스스로 구상하고, 처음부터 끝까지 한 웹페이지를 만들어 보면 성장할 수 있다고 믿