profile
안녕하세요! 이은지 입니다.

콜백함수(2) 클로저

\-비동기 : 응답이 왔을때 어떤 함수를 실행하도록 대기,실행 대기, 보류와 관련된 코드 비동기 코드의 중첩(setTimeout)은 가독성이 떨어지고 어색함 -> 기명함수로 전환 하는 방법 \-> 일회성 함수를 모두 변수에 할당해야 함 \->promise , async

2일 전
·
0개의 댓글

TIL0625

\-프로젝트 회의 회원 가입 -> 로그인 -> 메인 메인 : \-네비게이션(홈/참여 프로젝트/프로필+ 참여 알림 /로그인,로그아웃)\-프로젝트 목록 프로젝트 상세프로젝트 클릭시 프로젝트 상세보기 (팝업창으로)참여 프로젝트 확인\-채팅 \-노션 형태 프로젝트 생성 채팅

7일 전
·
0개의 댓글

storybook(2)

애드온 storybook-dark-mode

7일 전
·
0개의 댓글
post-thumbnail

storybook

Storybook이란? Storybook은 컴포넌트 단위의 UI 개발 환경을 지원하는 도구. 컴포넌트의 문서화 도구로도 사용이 가능합니다. -생성시 cra를 통해 적용할 수 도 있음 -웹팩5로 구성된 프로젝트에 적용 가능 제대로 설치 되었다면 stories 폴더에

2022년 6월 25일
·
0개의 댓글

[ESLint Error] Delete `;`

eslint 설정 storybook 안에 있는 파일 열어서 다시 저장

2022년 6월 25일
·
0개의 댓글

TIL

빌드 자동화 깃허브 액션: 빌드 자동화를 위해 사용.\-> 배포까지 자동화 시킬 수도 있다.(라이브러리 필요)HOW TOgit레포지토리-> actions-> workflow 추가\->선택or 파일로 업로드 가능(aws와 같이 서버에서 key 가 필요하면 settings

2022년 6월 24일
·
0개의 댓글

깃허브 액션

GitHub Actions는 CI/CD와 같은 workflow를 자동화 할 수 있는 도구라고 설명되어 있는데, 쉽게 말해 GitHub 내 어떤 이벤트(push, pull, merge ...)가 발생하면 해당 이벤트에 대해 정해진 동작을 실행하게 하는 도구프로젝트 생성

2022년 6월 23일
·
0개의 댓글

콜백 함수

\-다른 코드에게 인자로 넘겨줌으로써 그 제어권도 함께 위임한 함수 \-Array.map 의 경우, 아래와 같이 구성되어 있음. Array.map(callback, thisArg)\-함수로 실행되는 것이기 때문에 this 바인딩이 명시적으로 이뤄지지 않는다면, 전역객체

2022년 6월 23일
·
0개의 댓글

리액트 쿼리

\-장점 1\. 서버 데이터 캐싱 2\. 데이터 피칭시 로딩, 에러처리를 한곳에서 가능 3\. prefetching, retry 등 다양한 옵션4\. 쉬운 상태 관리fetching - 데이터 요청 상태fresh - 데이터가 프레시한(만료되지 않은) 상태.컴포넌트의 상태

2022년 6월 21일
·
0개의 댓글

ReactDOM.render is no longer supported in React 18.

Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's

2022년 6월 21일
·
0개의 댓글

this

전역 객체(javascript 는 window이므로, 전역 객체=window 라고 표기한다)전역 객체로 선언한 변수는 window.변수로 확인 가능한데 그 이유가 무엇일까? 전역공간에서 변수를 선언하면, 전역객체의 프로퍼티로 할당한다. 위와 같이 이해해도 무방하지만,

2022년 6월 20일
·
0개의 댓글

상태관리

ContextAPI()ReduxRecoilzustandreact-querymobx등으로 상태관리를 할 수 있음. \->프로젝트 시작시, 어떤 상태관리 툴을 쓸지, 어떻게 시작할지 고민 후 상태관리 툴을 고른다. 1) 자주 변경되지 않는 상태값을 관리하는 경우사용 사용

2022년 6월 20일
·
0개의 댓글

동시성

하나씩 처리하는것 ->동기 미뤄두고 다음일 처리하는것 ->비동기 1) 비동기 처리시, 처리 과정 : 콜스택 -> api ->콜백 큐-> 콜스택이 빈 경우(이벤트 루프가 확인 중) ->콜스택에 적재-> \*\* 콜백이 중첩되면 관리하기 힘듬 1) 비동기 연산이 종료된 이

2022년 6월 20일
·
0개의 댓글

데이터 타입

1-1 데이터 타입의 종류1-2 데이터 타입 배경지식1-3 변수 선언 데이터 할당기본형 : 할당이나 연산시 값이 담긴 주솟값을 바로 복제참조형 : 값이 담긴 주솟값들로 이루어진 묶음을 가리키는 주소값을 복제힌다.데이터와 메모리각 비트는 식별자를 가진다.비트의 식별자를

2022년 6월 6일
·
0개의 댓글

라우팅

Routing 이란?URL에 따라서 그에 상응하는 화면을 전송해주는 것을 Routing이라고 한다.리액트에서 라우팅 기능을 구현하는 것은 쉽지 않지만 React Router는 리액트에서 비교적 쉽게 라우팅이 가능하도록 도와준다.React Router를 설명하기에 앞서서

2022년 6월 6일
·
0개의 댓글

UseContext,Consumer

consumer 쓰는법 1.provider 로 한번 감싼 후 2.consumer로 한번 더 감싼다 (구독) 3.이후 내부에 컴포넌트를 넣는다 useContext 라는 훅을 사용하면 consumer없이 사용가능 consumer 쓰는 법 저장 공간을 생성한다 프로바이

2022년 6월 6일
·
0개의 댓글
post-thumbnail

리액트 WIL

1.리액트 create-react-app사용 2\. webpack으로 셋팅 클래스형 컴포넌트는 상태값을 가질 수 있고, 리액트 컴포넌트의 생명 주기 함수를 작성할 수 있다.그러나 함수형 컴포넌트는 이 모든 일을 할 수 없다. 이 둘의 차이점은 상태값과 LifeCycle

2022년 6월 6일
·
0개의 댓글

20220604

hook -자바스크립트 함수 함수형 컴포넌트에서만 사용가능 최상위에서만 호출 가능 (반복,중첩문 불가) useState() -상태 관리를 위한 훅 -컴포넌트가 리턴하는 리액트 앨리먼트 =불변객체 -상태는 불변 값으로 관리하며, react dom이 상태 변화를 감지하도

2022년 6월 4일
·
0개의 댓글

20220604

1.리액트 프로젝트 만들기2.element/componet3.가상돔,devserver4.컴포넌트를 돔에 그리기5.emmet 쓰기 설정 6.TIL컴포넌트 생성

2022년 6월 4일
·
0개의 댓글

리엑트에서 emmet쓰기

setting.json 추가

2022년 6월 3일
·
0개의 댓글