프론트엔드 개발자의 개발 놀이터

데이터베이스 확인 > show dbs; admin 0.000GB config 0.000GB local 0.000GB 데이터베이스 생성 > use 데이터베이스명; switched to db admin - 데이터베이스가 없으면 생성 후 선택, 있으면 선택 - 데이터베이스에 자료가 없을 경우 show dbs에 나타나지 않음 데이터베이스 삭제 > db.dropDatabase(); 컬렉션 생성 > db.createCollection('컬렉션명'); 컬렉션 확인 > show collections; 컬렉션 삭제 > db.컬렉션명.drop(); Document 추가 > db.컬렉션명.insert({키1:값1, 키2:값2, ...}); ex) db.member.insert({"userid": "apple", "userp..

https://www.mongodb.com/docs/manual/tutorial/install-mongodb-on-os-x/ Install MongoDB Community Edition on macOS — MongoDB Manual Docs Home → MongoDB Manual MongoDB AtlasMongoDB Atlas is a hosted MongoDB service option in the cloud which requires no installation overhead and offers a free tier to get started.Use this tutorial to install MongoDB 7.0 Community Edition on macOS using www.mongodb.co..

1. 갤럭시 에뮬레이터 스킨 다운로드 https://developer.samsung.com/galaxy-emulator-skin Samsung Developers The world runs on you. developer.samsung.com * 삼성 개발자 계정으로 로그인해야 다운로드 가능합니다. 사이트 하단의 Device 영역에서 다운로드 받은 기기의 스펙을 볼 수 있습니다. (중요) 예를들어 갤럭시 Z 폴드5를 등록하고 싶으면 다운로드 스킨을 받고 Display와 Resilution을 기억해둡니다. 2. 스킨 추가하기 Window C:\Users\YourName\AppData\Local\Android\Sdk\skins Mac ~/Library/Android/sdk/skins 경로에 다운로드 받은 폴..

일반 앱 아이콘https://www.appicon.co/ App Icon Generator www.appicon.co안드로이드 라운드 앱 아이콘http://romannurik.github.io/AndroidAssetStudio/icons-launcher.html#foreground.type=image&foreground.space.trim=1&foreground.space.pad=0.25&foreColor=rgba(96%2C%20125%2C%20139%2C%200)&backColor=rgb(255%2C%20255%2C%20255)&crop=0&backgroundShape=square&effects=none&name=ic_launcher Android Asset Studio - Launcher icon g..

git 저장소 초기화 (loacl storage에 git 폴더 생성) git init git 상태 확인 git status 변경사항 확인 git diff 변경된 파일명의 내용을 추가 git add 파일명 변경된 내용 모두 추가 git add . 추가된 모든 내용들을 untracked 상태로 변경 git rm --cached * commit(메모)과 함께 변경내용을 확정 git commit -m '메모' 입력된 이름과 주소로 원격 저장소를 추가 (초기 상태의 원격 저장소 별칭은 origin) git remote add 이름 주소 git remote add origin https://github.com... 원격저장소 삭제 git remote remove 이름 git remote remove origin 원..

1. useState - 컴포넌트에서 바뀌는 값을 관리하며, 값이 바뀐 것을 감지 후 랜더링 해주는 Hook의 상태관리 함수. const [state, setState] = useState(0); // typescript const [state, setState] = useState(0); 2. useRef - javascript의 getElementById / querySelector 와 같이 DOM Selector 함수처럼 react 에서 DOM에 접근하게 되는 일이 생긴다면 접근하게 해주는 Hook 함수. const inputRef = useRef(); // typescript const inputRef = useRef(null); 3. useEffect - 마운트(화면이 처음 랜더링 될 때)와 언..

1. nyancat brew install nyancat nyancat 2. cmatrix brew install cmatrix cmatrix 3. sl brew install sl sl sl -l sl -a sl -F sl -Fa sl -la 4. asciiquarium brew install asciiquarium asciiquarium 5. neofetch brew install neofetch neofetch neofetch에 이미지 넣기 # config.conf 파일이 있는 neofetch 폴더로 이동 cd /Users/(whoami)/.config/neofetch vi config.conf 읽기모드에서 /image 명령어로 Image 단어 검색 image_backend="iterm2" 로 변경..

1. github 레파지토리 생성 github-pages로 만들 레파지토리를 생성해 줍니다. 2. 프로젝트 생성 및 git push # 설치 npx create-react-app [프로젝트 명] --template typescript # 이동 cd 프로젝트명 # git push git init # git 초기화 git status # 프로젝트 상태보기 git add . # 프로젝트 전체 추가하기 git commit -m "내용" # 프로젝트 "내용"으로 커밋하기 git remote add origin [github 레파지토리 주소] # 깃헙 저장소 등록하기 git push origin main # 깃헙에 푸쉬하기 3. gh-pages 설치 npm install gh-pages --save-dev 4. p..

시작하기 앞서 React Native는 iOS와 Android 정책에 영향을 많이 받기 떄문에 버전관리가 필수인 언어입니다.예를들어 Android 버전이 바뀜에 따라 지원하는 SDK 버전이 제한된다던지 하는 이슈가 있습니다.때문에 RN 개발자들은 버전에 대한 이슈에 빠르게 대응할 수 있어야 합니다. 1. 설치npx react-native init [프로젝트 명] --version 0.74.5명령어 대로 설치를 진행하면Do you want to install CocoaPods now? 라고 질문을 합니다.어차피 나중에 계속 pod 설정을 해줘야하기 때문에 No를 입력해줍니다.(ruby-version이 안맞을 시 에러가 뜰 수 있습니다. 에러가 뜬다해서 설치가 안되거나 하진 않습니다.)만약 ruby-vers..