일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 | 31 |
- 앱 비교 프로젝트
- StateObject
- 네이버 부스트캠프
- 운영체제
- 데이터베이스
- ObservableObject
- 데이터베이스 공부
- 애플 디벨로퍼 아카데미 후기
- Swift 디자인패턴
- memoization
- Apple Developer Academy @ POSTECH
- react
- ObservedObject
- 네이버 치지직
- 숭실대
- Swift 기능
- 애플 디벨로퍼 아카데미
- 소프트웨어분석및설계
- useReducer
- 치지직
- 애플 디벨로퍼 아카데미 21주차 회고
- OS
- 제앱소
- Swift 문법
- 동시성 프로그래밍
- swift문법
- SWIFT
- iOS 개발 오류
- thread safe
- global soop
- Today
- Total
목록분류 전체보기 (285)
사과하는 제라스
너무 많은 에러로 인해 결국 새로 맥북을 포맷하고 처음부터 다시 설정하기로 마음 먹었다. 슬프다... 이번엔 차근차근 천천히 내가 설치한 것이 무엇인지, 그 순서는 무엇인지, 코드는 무엇인지, 어떤 기능인지 등을 짚고 넘어가보자 1. Xcode 설치 설치에 시간이 많이 걸린다. 이건 App store보단 Apple Developer 사이트에서 설치하는게 빠르다고 들어서 그렇게 진행했고, 14.3 Xcode에서 문제가 있단 걸 이번에 업데이트했다가 크게 데여서 그냥 14.2를 설치했다. 이때 내리다 보면 Command Line Tools for Xcode 14.2 라는 것도 있다. 이것도 설치해주도록 하자. 2. iTerm2 , oh-my-zsh 설치 어디서 들은지는 모르겠지만 iTerm2가 기존 맥북의 ..
https://github.com/crossplatformkorea/react-native-kakao-login/issues/231 카카오톡이 설치된 IOS 기기에서 로그인 할 경우 카카오톡으로 넘어간 다음 아무런 응답이 오질 Version of kakao-login libraries 3.3.2 Version of react-native 0.63.4 Platforms you faced the error (IOS or Android or both?) IOS Expected behavior 카카오톡이 설치된 IOS 기기에서 로그인 Actual behavior 카카오톡이 설치된 ... github.com 카카오 소셜 로그인을 구현해두었고 ios 시뮬레이터에서는 잘 보이지만 TestFlight로 접근한 ios ..
해당 오류는 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..
주로 쓰는 Prettier 설정 //.prettierrc { "singleQuote": true, "semi": true, "useTabs": false, "tabWidth": 2, "trailingComma": "all", "printWidth": 80, } - 의 요소로 onSubmit이 있음. -> onClick으로 클릭 버튼을 둘 수도 있지만 onSubmit 이벤트의 경우 인풋에서 엔터키를 눌렀을 때도 발생하기 때문에 편리함. - Style 공부 .TodoListItem-virtualized { & + & { border-top: 1px solid #dee2e6; } &:nth-child(even) { background: #f8f9fa; } } .TodoListItem { padding: 1re..