일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 |
- 소프트웨어분석및설계
- SWIFT
- 애플 디벨로퍼 아카데미 21주차 회고
- 애플 디벨로퍼 아카데미
- iOS 개발 오류
- 데이터베이스 공부
- Swift 디자인패턴
- ObservedObject
- 데이터베이스
- 제앱소
- ObservableObject
- global soop
- 숭실대
- OS
- swift문법
- StateObject
- 네이버 부스트캠프
- useReducer
- 네이버 치지직
- Swift 기능
- thread safe
- 치지직
- Apple Developer Academy @ POSTECH
- memoization
- 애플 디벨로퍼 아카데미 후기
- 앱 비교 프로젝트
- 동시성 프로그래밍
- react
- 운영체제
- Swift 문법
- Today
- Total
목록2023/02 (5)
사과하는 제라스
해당 오류는 Xcode가 없어서 발생한 문제였다. Xcode를 설치를 마친 후 실행하면 잘 굴러간다.
- 웹 애플리케이션에서는 서버쪽 데이터가 필요할 때 Ajax 기법을 사용하여 서버의 API를 호출하여 데이터를 수신함. - JS에서는 비동기 작업을 할 때 가장 흔히 사용하는 방법이 콜백 함수를 사용하는 것임. - Promise는 콜백 지옥을 형성하지 않게 하는 방안으로 ES6에 도입된 기능임. -> Promise 객체를 생성하고 이를 반환하는 함수에 .then으로 콜백 요청 가능 - async/await는 Promise를 더 쉽게 사용할 수 있게 해주는 ES8 문법임. -> 함수의 앞부분에 async 키워드를 추가하고 해당 함수 내부에 Promise의 앞부분에 await 키워드를 사용함. (이러면 Promise가 끝날 때까지 기다리고, 결과 값을 특정 변수에 담을 수 있음.) - .prettierrc ..
- 라우팅이란? "사용자가 요청한 URL에 따라 알맞은 페이지를 보여주는 것." - 라우팅 시스템 라이브러리 종류 1) react-router 2) Next.js 3) react-location, rakkas 등등 - SPA(Single Page Application)이란? "하나의 페이지로 이루어진 애플리케이션" -> HTML을 한번만 받아와서 웹 애플리케이션을 실행시킨 후, 이후에는 필요한 데이터만 받아와서 화면에 업데이트하는 것. - 리액트 라우터 적용 및 기본 사용법 - 기본 사용법 1) 를 src/index.js 파일에서 감싸주면 됨. 2) 컴포넌트 내에 로 트리 틀을 잡음. - 타 페이지로 이동하는 Link 버튼 설정 소개 - URL 파라미터 : useParams라는 Hook을 쓰면 URL 파..
- immer 라이브러리를 설치하여 사용함. - 사용법: import produce from 'immer'; //이렇게 import해와서 사용. ... const [form, setForm] = useState({name: '', username: ''}); //아래와 같이 작성하면 됨. const func = () =>{ setForm( produce(form, draft => {draft[name] = value;}) ) } //useState의 함수형 업데이트로 쓸 수도 있음. const func = () =>{ setForm( produce(draft => {draft[name] = value;}) ) } immer 라이브러리를 쓰면 컴포넌트의 상태 업데이트가 까다로울 때 사용 시 유용함.
- useState 사용 시 useState(func()) //이러면 리렌더링될 때마다 func함수가 호출됨. useState(func) //이런 식으로 파라미터를 함수 형태로 넣어주면 컴포넌트가 처음 렌더링딜 때만 func 함수 실행함. - 느려지는 원인 분석 1. 자신이 전달받은 props가 변경될 때 2. 자신의 state가 바뀔 때 3. 부모 컴포넌트가 리렌더링될 때 4. forceUpdate 함수가 실행될 때 컴포넌트의 개수가 많은데 모두 리렌더링을 하게 되면 느려지는 이슈 발생 -> 컴포넌트 리렌더링 성능을 최적화해줘야 함. 1. React.memo를 활용 import React from 'react'; import { MdCheckBoxOutlineBlank, MdCheckBox, MdRem..