목록전체 글 (345)

Bleeding edge

유용한 npx 및 cli

npx kill-port //port 제거 npx clear-npx-cache //npx 캐시 정리 npx get-ip //현재 ip 보기 npx create-convention // 프로젝트 초기 세팅 만들기 npx cleanup-local-branches// 주요 브랜치를 제외하고 일괄 정리 npx knip //프로젝트 의존성 관리 git config --global push.default simple git push --force-with-lease origin feature ssh-keygen -t ed25519 //ssh key gen
Config & 메모 2023. 9. 18. 11:13
~/.zshrc

export PATH=/opt/homebrew/bin:$PATH export PATH=${PATH}:$JAVA_HOME/bin export ANDROID_HOME=$HOME/Library/Android/sdk export PATH=$PATH:$ANDROID_HOME/emulator export PATH=$PATH:$ANDROID_HOME/tools export PATH=$PATH:$ANDROID_HOME/tools/bin export PATH=$PATH:$ANDROID_HOME/platform-tools eval "$(jenv init -)"
Config & 메모 2023. 9. 18. 11:00
react-native에서 .env (환경 변수 관리하기)

react-native에서 환경변수를 관리하는 라이브러리는 1. react-native-config 2. react-native 두 가지가 있습니다. react-native-config 같은 경우에는 초기 설정이 많이 있기 때문에, react-native-dotenv를 선택하였다. 1) install npm i react-native-config 혹은 yarn add react-native-config 2) babel config module.exports = { //... "presets": ["module:metro-react-native-babel-preset"], "plugins": [ ["module:react-native-dotenv", { "moduleName": "@env", "path":..
Javascript/React-Native 2023. 9. 18. 10:54
[Toy Project]React Native로 카메라 앱을 만들자 - Camera

0) RN-Camera에 들어가기 전 고민... React Native로 카메라 앱을 만들기 위해서 크게 두 가지 View를 토이프로젝트에 넣기로 했다. 1. 카메라 앱 2. Image picker 기존에 사진을 가지고 있지 않은 경우 사진을 직접 촬용하기 위한 카메라뷰 사진을 가지고 있다면 이를 선택하기 위한 Image picker 뷰 React native에서는 카메라의 선택지가 react-native-camera(지금은 deprecate가 되어서 react-native-vision-camera)와 expork 가 있지만, react-native-camera의 오픈소스를 deprecate를 한 것을 보면 expo가 react-native보다 더 코드를 관리를 잘한다고 생각이 들어서 expo에 있는 카..
Javascript/React-Native 2023. 9. 12. 15:01
[링크]Android vs iOS 디자인 차이

https://dpectrum.app/blog/114 https://flygoeun.tistory.com/15
Javascript/React-Native 2023. 9. 5. 10:30
[링크] react-native typescript 세팅

https://reactnative.dev/docs/typescript
Javascript/React-Native 2023. 9. 5. 09:53
Nextjs 모바일 주소창 유무에 따른 높이(viewport height) 변화 막기

제목이 다른 사람에게도 이해가 될지 모르겠지만.. 1. 모바일 환경에서(chrome의 개발자도구에서는 안보인다.) 2. 주소창이 있다가 없어지는 경우(계속 보이는 경우나 계속 안보이는 경우에는 문제가 안생긴다.) 2번의 케이스는 touch event를 진행중일 때 발생한다. 이 viewport height에 변화가 생기는 이유는 모바일의 경우에 처음에는 주소창이 보이다가 스크롤을 움직이는 경우에는 주소창이 사라지면서 view port에 변화가 오기 때문이다. css에서는 이를 계산하는 dvh라는 것도 존재한다. 안드로이드에서는 사실 이 글을 쓰지 않아도 될 정도로 간단하게 해결되는데, 문제는 사파리에서는 dvh를 사용해도 이 문제가 생긴다. 이 문제가 발생하는 이유는 브라우저에서 스크롤 이벤트가 발생하는..
Javascript/React & Next 2023. 9. 4. 09:53
[링크]개발자 경력기술서 쓰는 방법 및 샘플 추천

https://hongik-prsn.tistory.com/38 개발자 경력기술서 쓰는 방법 및 샘플 추천 REFERENCE 개발자 이력서 작성 방법 - 99콘 이력서 후기 | 아웃풋 트레이닝 개발자 이력서는 어떻게 써야 간결하고 일목요연하고 나의 부족함을 드러내지 않으며 서류통과 될 수 있을까요? 이상한 hongik-prsn.tistory.com
읽어볼만한 글 2023. 8. 27. 22:00
뒤 늦은 프로젝트 회고

벌써 메셔에 들어온지 5달이 지났다. 첫 프로젝트를 마쳤을 때는 굳이 프로젝트에 대한 후기나 회고를 쓸 필요가 없는 것 같아서 노션에만 간단히 메모를 남겼었다. 하지만 두 번째 프로젝트가 끝났을 때 첫 번째 프로젝트가 끝났을 때 내가 부족했던 것과, 어떤 것을 더 개선할지를 메모하고 이전 프로젝트와는 다르게 잘한 것에 대해 메모할 필요가 있다고 생각했다. 첫 번째 프로젝트 Swalo 1. 개인적으로는 Nextjs가 익숙하지 않아서, Nextjs에서 지원하는 메서드들을 제대로 사용하지 못했었다고 생각한다. 2. 피그마대로 컴포넌트를 설계하다가 폴더관리에 실패했다. 3. DTO 변경이 생겼을 때 수정하는데 시간이 너무 오래 걸렸다. 2번은 리팩토링을 통하여 개선을 하였고 1번 같은 경우에는 처음는 부족했었지..
Side Project 2023. 8. 20. 15:34
이전 Prev 1 ··· 4 5 6 7 8 9 10 ··· 39 Next 다음