[꼼꼼한 개발자] 꼼코더

🚨에러 발생 ERROR: While executing gem ... (Gem::FilePermissionError) You don't have write permissions for the /Library/Ruby/Gems/2.6.0 directory. 👀 원인 시스템의 ruby를 이용하고 있기 때문에 gem 설치 권한이 없어서 생기는 오류 sudo를 통해 root 권한으로 실행하면 설치가 가능하나 보안상 이유로 권장하지 않는다, 따라서 rbenv를 사용 💡해결 방법 1. brew를 통해 rbenv를 설치 brew update brew install rbenv ruby-build 2. 설치된 rbenv 버전 확인 rbenv versions 3. 지금 나의 ruby 버전 확인 (본인은 2.6.10) rbe..

🧹 쉬운 정리 1. useReducer()는 useState()와 같은 상태 관리, 상태 업데이트 훅(Hook)이다. 2. 변경할 값이 많을 때(상태 업데이트) 즉 상태 관리할 데이터가 많아질 때 사용을 고민해 볼 필요가 있다. 3. 좀 더 구조화된 방식으로 상태를 관리하고 싶을 때 사용할 수 있다. ( 예) "PLUS" 타입 은 무조건 더하기) 4. 선언형태 : const [state, dispatch] = useReducer(reducer, initialState); state : 상태 이름 (컴포넌트에서 사용할 상태) > 빵(재료) 담는 접시 dispatch : 상태(state)를 변경 시 필요한 정보를 전달하는 '함수' > 주문서 reducer : dispatch를 확인해서 state를 변경해 주..

💁🏻‍♂️ 서론 평소 코드 작업 시 IntelliJ, Visual Studio Code, Android Studio과 같은 IDE를 실행하고 그 속에서 [폴더 열기] 같은 과정을 진행 했었다. 프로그램 설치 전 코드 작업 과정 : IDE 프로그램 열기 -> 폴더 열기 -> 작업할 프로젝트 폴더 선택 프로그램 설치 후 코드 작업 과정 : 작업할 프로젝트 폴더 우클릭 -> 원하는 IDE 프로그램 열기 따라서 이러한 불편한 과정을 줄여주는 프로그램을 아래 과정을 통해 설치하도록 한다. 🧱 준비과정 (brew 설치) 프로그램 설치 전에 우선 'brew'가 설치되어 있어야 한다. 1. 홈페이지 접속 Homebrew The Missing Package Manager for macOS (or Linux). brew...

💁🏻‍♂️ 서론 블로그 글을 확인하다 보면 '드래그 방지'를 설정해 놓은 블로그 들을 종종 확인할 수 있다. 다른 글이면 괜찮지만 나는 개발공부 시 블로그도 참고를 하곤 한다. 그때마다 '드래그 막힘'으로 인하여 코드 복붙을 하지 못하여 불편한 점이 많았다. (물론 나도 드래그 방지를 설정하였다가 몇 달 전에 해제했다.😅) 따라서 나는 드래그 방지를 해결할 방법들을 찾아보았고 2가지 해결방법들을 공유하려고 한다.(2가지 방법 중 1개는 드래그 방지 필수적으로 해결가능) 🖱️ 드래그 방지 현상 아래와 같은 블로그 글이 있고 복붙 혹은 마우스로 드래그하면서 읽으려고 '마우스 드래그' 시 드래그가 막혀있다. 💡 1번째 해결방법 1. 구글 크롬 웹 스토어에 접속한다. Chrome 웹 스토어 Chrome에 사용할..

👨🏻‍🏭 서론 나는 M1을 거쳐서 현재 M2를 사용하고 있다. M1을 사용하던 어느 날 비주얼 스튜디오 코드에서 코드 작업 중 글자가 밀리는 현상이 발견됐었다. 이후 M1 맥북에서 M2맥북으로 교체하였지만 이전이랑 달라지는건 없었다.. window와, intell 맥북에서는 발견된 걸 못 봤다. 🚨 오류현상 비주얼 스튜디오 코드에서 코드 작업 중 글자를 입력하여도 계속 입력이 적용되지 않고 글자가 계속 밀려나는 현상이 발견된다. 🧑🏻‍💻 예상하는 원인 실리콘 칩을 사용하는 맥북에서 (M1, M2) 아마 한글과 영어를 변환과 동시에 코드작업을 진행할 시 자주 발현된다 예) 한 -> 영 -> code 작업 💡 해결 방법 비주얼 스튜디오 코드 최하단 상태바를 1회 클릭 후 정상적으로 돌아온다

👀 서론 노션에 있는 글을 옮기는 방법은 여러가지가 있다. 대표적으로 2가지이다. 노션 글 -> 내보내기 (HTML or Markdown) Notion2Tistory 사용 하지만 가장 큰 단점은 '이미지'는 이동이 불가 하다는 점이다. 이점을 해결하는 방법을 아래에서 확인해 보자. 🧱 준비물 1. 이메일 계정(구글, 애플, 네이버 등) 2. 복사할 노션 글 🧑🏻‍💻 실행 순서 1. 복사할 노션글 -> (우측 상단) [공유] -> [게시] -> [웹 링크 복사] 2. https://app.super.so/ 에 접속하여 로그인 진행 (계정이 없다면 회원가입 진행) 2. 로그인 후 (죄측 상단) 아이콘 클릭 -> 홈 화면으로 이동 3. 우측 상단 [Crete site] 클릭 4. 이름(영어로)과 1번에서 '복..

💻 준비물 노드 비주얼 스튜디오 코드 🙋🏻‍♂️ Expo 회원가입 회원가입 페이지 접속 (링크) → 회원가입 진행 🔗 Expo 패키지 설치 (프로젝트 생성) 1. 비주얼 스튜디오 실행 → (생성할 프로젝트의 상위) 폴더 열기 → 터미널 열기 2. 패키지 설치 명령어 실행 npm install -g eas-cli 3. expo 프로젝트 생성 명령어 (App-Name] 으로 Expo 프로젝트 생성) npx create-expo-app [App-Name] 4. 생성한 프로젝트로 이동 → expo 로그인 정보 등록 cd [App-Name] npx expo login (1번에서 가입했던) 이메일(or 이름) 입력 → 비밀번호 입력 🌐 Expo 프로젝트 생성(등록) 1. Expo 로그인 (링크) 2. (좌측 메뉴)..

🧹 간단 정리 리액트 네이티브는 React 언어만 공부하여도 앱을 개발할 수 있다. 코드 하나로 And, Ios 개발이 가능하다. 🧑🏻‍💻 React Native 설명 리액트 네이티브(React Native)는 Facebook에서 개발한 오픈 소스 모바일 앱 개발 프레임워크이다. 이 프레임워크는 JavaScript와 React를 사용하여 iOS와 Android 플랫폼용 네이티브 모바일 애플리케이션을 개발하는 데 도움을 준다. 💁🏻‍♂️ 리액트 네이티브 주요 특징 크로스 플랫폼 개발: 한 번의 코드베이스로 iOS와 Android용 앱을 개발할 수 있다. 리액트 기반: 리액트(React)의 개념과 구문을 사용하므로 웹 개발자들이 비교적 빠르게 모바일 앱 개발이 가능하다. 네이티브 성능: 네이티브 앱과 동일한..