[꼼꼼한 개발자] 꼼코더

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

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

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

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

🧹 간단 정리 커스텀 훅이란? 반복되는 로직을 리액트 내장 훅 들을 사용하여 구현한'내가 만든 훅'이라고 생각하면 된다. 쉽게 설명하자면 '반복되는 로직을 분리' 했는데 분리한 로직 속에 리액트 훅이 있다? > '커스텀 훅' 분리한 로직 속에 리액트 훅이 없다? > '(JS) 함수' (자세한 내용은 아래 👀) 💁🏻‍♂️ 규칙 🎤 이름 규칙 - 커스텀 훅의 이름은 "use"로 시작해야 한다. 예를 들어, useCounter나 useFetchData와 같은 이름. 🥊 내장 훅(Hook) 사용 - 커스텀 훅 내에서 내장 훅(예: useState, useEffect)을 사용. 이렇게 하면 커스텀 훅의 로직을 더욱 강력하게 만들 수 있다. 🎁 상태와 함수 반환 - 커스텀 훅은 상태 값과 해당 상태를 업데이트하는 ..

🤠 네이버 클로바 X(CLOVA X)란?네이버 클로바 X(CLOVA X)는 사용자에게 도움이 되는 정보를 제공하고 다양한 요청을 수행할 수 있는 대화형 에이전트이다.클로바 X(CLOVA X)는 생산성 향상, 창조적 발상에 기여, 새로운 탐색 등을 제공하고 있다. 🧑🏻‍💻 클로바 X(CLOVA X) 신청방법1. 네이버 클로바 X 신청 페이지 접속https://clova-x.naver.com/welcome#service-info CLOVA X무한한 가능성을 여는 새로운 대화의 시작clova-x.naver.com2. [대기 등록하기 ->] 버튼 클릭 -> [대기 등록하기] 클릭3. 네이버 로그인4. 대기 등록 완료 페이지 [확인] 버튼 클릭5. 이후 등록을 완료하여 '대기' 문구가 확인된다 6.신..

💁🏻‍♂️ 간단 정리 컴파일 : 고급언어에서(Highlevel) -> 저급언어(Lowlevel)로 번역 컴파일 언어 : JavaScript, Python, R, Ruby 등 인터프리터 : 코드를 번역 없이 즉시 한 줄씩 실행 인터프리터 언어 : Java, C#, C++ (자세한 내용은 아래참고) 고급언어와 저급어란? 간단하고 쉽게 이해하기! (아래글 참고) [languages] - 고급언어란? 저급언어란? 간단하고 쉽게 이해하기(고급언어 저급언어 차이점) 💁🏻‍♂️ 소개 프로그래밍 언어를 크게 고급언어와 저급언어 2가지로 분류된다. 2가지의 차이점을 정말 간단하게 알아보자! ⚱️ 고급언어 (High-Level Language) 고급언어는 사람이 이해하기 쉬 ccomccomhan.tistory.com 🧑🏻..

💁🏻‍♂️ 소개 프로그래밍 언어를 크게 고급언어와 저급언어 2가지로 분류된다. 2가지의 차이점을 정말 간단하게 알아보자! ⚱️ 고급언어 (High-Level Language) 고급언어는 사람이 이해하기 쉬운 형태로 작성된 프로그래밍 언어이다. 예) C++, Java, Ruby 등 a = 12; b = a; c = a + b; 🥉 저급언어 (Low-Level Language) 저급언어는 컴퓨터가 이해하기 쉬운 형태의 언어이다. 예) 기계어나 어셈블리어 저급언어를 사용하면 하드웨어의 세부 사항을 직접 다룰 수 있어 최적화된 프로그램을 작성할 수 있다. section .data a db 12 ; 변수 a를 12로 초기화 section .bss b resb 1 ; 변수 b를 1바이트 크기로 선언 c resb 1..