-
iOS Push Notification 설정하기
Apple Push Notification Service(APNS) 등록하기 먼저 자격증명을 위해 키체인을 발급받아야 합니다 cmd + space bar(Mac) 을 통해 키체인 접근 프로그램을 실행시켜줍니다 키체인을 디스크에 저장하고 잘 보관해줍니다 ! appstoreconnect에 접속해서 APNS을 등록하려는 앱을 선택해줍니다 아래 Capabilities 목록 아래에 Push Notifications을 찾아 체크 해줍니다 APNS 인증서를 발급하기 위해 Certificates에서 추가해줍니다 꼭 SandBox & Production을 체크해주세요 ! (개발 & 배포) APNS을 추가하고자 하는 앱 ID를 선택해주고 Continue ! 여기서 아까 만들어뒀던 키체인을 등록해줍니다 !! (위 이미지과 같습니다) 인증서를...
-
스타트업 개발사에서 드라마에 과몰입하면 벌어지는 일
“우리 회사에 수지는 있는데,남주혁이랑 김선호 씨는 어디 있는 거죠?” 때는 5개월 전, 팀원들 사이에서 이런 농담이 시시때때로 터져나오곤 했습니다. 주로 대표님과 개발자 분들을 바라보며 (ㅋㅋㅋㅋ) 하는 농담이었죠. tvN 드라마 ‘스타트업’을 매주 시청하던 팀원들 사이에서 밈처럼 자리잡은 이 농담의 시작은, 제 이름이 ‘수지‘라는 것에서 시작했으며, 물론 뻔뻔 당당하게도 최초 발언자 역시 바로 저였음을! 말하지 않고는 넘어갈 수가 없네요. (저는 당당합니다.😎) 안녕하세요, 똑똑한개발자 프로덕트 디자이너 SUJI 입니다 :) 상향평준화 시켜주신 전 세계의 수지들께 감사드립니다. 그런데 말입니다.. 점점...
-
Next와 Mobx 정리 - [커스텀]
[Next.js app & document 커스텀] Next.js에 대한 이해와 Mobx와 같은 라이브러리들을 사용해 웹을 개발하기 위한 기본 세팅 작업을 boilerplate로 만들어보는 과정에 대한 내용을 정리했습니다. 목차 Next.js 란? Next.js 시작하기 Next.js 라이브러리 세팅 Next.js app & document 커스텀 Next.js app & document 커스텀 [Github Project 링크] App 커스텀 App은 가장 최상위 컴포넌트 입니다. 아래 사항들을 커스텀할때 사용할 수 있습니다. 페이지 별로 잦은 Layout 변경이 필요할 경우 페이지가 이동 될 때 마다 State 값이 유지되어야 할 경우...
-
Next.js 코드 컨벤션
시작하며 해당 글은 똑똑한개발자 github에 있는 next-ts을 기준으로 작성되었습니다. VSCode 기준으로 설정 되었으며, 다른 IDE를 쓸 경우 ESLint와 Prettier가 다르게 보일 수 있습니다. 공통 사용 스택 - Next.js, PWA, TypeScript, styled-components, Storybook - axios 현재(글 마지막 업데이트 기준) 프로젝트 패키지 버전 { "dependencies": { "@material-ui/core": "^4.11.0", "@types/react-select": "^3.0.26", "@types/react-slick": "^0.23.4", "axios": "^0.20.0", "mobx": "^6.0.4", "mobx-react": "^6.2.2", "next": "^10.0.5", "next-pwa": "^3.1.4", "react": "^16.12.0", "react-device-detect": "^1.13.1", "react-dom": "^16.12.0", "react-flip-toolkit": "^7.0.13", "react-select": "^3.1.0", "react-slick": "^0.27.13", "slick-carousel": "^1.8.1", "styled-components":...
-
Next와 Mobx 정리 - [라이브러리 세팅]
[Next.js 라이브러리 세팅] Next.js에 대한 이해와 Mobx와 같은 라이브러리들을 사용해 웹을 개발하기 위한 기본 세팅 작업을 boilerplate로 만들어보는 과정에 대한 내용을 정리했습니다. 목차 Next.js 란? Next.js 시작하기 Next.js 라이브러리 설치 및 Bebel 세팅 Next.js app & document 커스텀 Next.js 라이브러리 세팅 [Github Project 링크] 라이브러리 설명 babel-plugin-module-resolver 아래 코드 처럼 Import path를 간단하게 만들어주는 바벨 라이브러리 입니다. // Use this: import MyUtilFn from 'utils/MyUtilFn'; // Instead of that: import MyUtilFn from '../../../../utils/MyUtilFn'; styled-components [참고] babel-plugin-styled-components...