🚨 Privacy Policy Last update: date your organization name (“we”, “us” or “our”) is committed to protecting your privacy. This Privacy Policy outlines how we collect, use, disclose and protect your personal information. By using our Services or visiting our Website, you consent to the practices described in this Policy. 1. Information we collect We may collect the following types of personal information: Contact information: name, email address, phone number, mailing address. Account information…

ubuntu에 sshd 데몬 설치 sshd 데몬 설치 sshd 데몬 실행 sshd 데몬 상태 확인 ubuntu 20.04버전 ip확인 ifconfig을 입력하면 command not found 오류가 뜬다. 특정 버전 이후부터의 ubuntu에는 이 바로 실행되지 않는다. net-tools를 선행 설치하고 진행하면 정상적으로 실행된다. NAT 네트워크 상태에서는 ifconfig으로 확인한 ip를 가지고 UBuntu로 ssh 접속이 불가능하다. 22번 포트를 열고 내부ip를 통해 접속하거나, 가상 머신을 종료하고 네트워크에서 호스트 전용 어댑터를 추가하여 ip를 할당해 접속할 수 있다.

mySQL에 로그인 DB_Name을 입력하여 데이터베이스를 삭제합니다. mySQL 데이터베이스 삭제가 완료되었습니다.

🔒 mysql 비밀번호 재설정 ❌ 오류 mysql에서 옳은 비밀번호를 입력했음에도 불구하고 (28000): Access denied for user ‘root’@‘localhost’ (using password: YES) 오류를 마주했다. mysql 비밀번호 맞는데 되지 않는 상황이다. mysql> UPDATE user set password=password(“1234”) where user = ‘root’; 로 비밀번호 초기화를 시도했지만 아래와 같이 반환되었다. ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ’(“1234”) where user = ‘root” at line 1 🙆‍♂️ 해결 mysql은 버전에 따라 옳은 커맨드를 입력해도 구문 오류가 …

ubuntu swap 공간 설정 설정 저장 최하단에 삽입 후 저장 (ctrl+x, y, enter) 설정한 swap 확인 swap 메모리 및 상태 확인

🪤 Ubuntu에서 Mysql 완전 삭제 mysql 관련 파일들 리스트 확인 위 커맨드로 확인한 mysql 관련 파일 삭제 폴더 및 관련항목 삭제 재설치

ubuntu에서 nginx 완전 삭제

PHP 모듈 mb multibyte이(가) 설치되지 않았습니다. 서버 관리자에게 모듈 설치를 요청하십시오. PHP 모듈이 설치되었지만 여전히 없는 것으로 나타납니까? 서버 관리자에게 웹 서버 재시작을 요청하십시오. ubuntu에서 HP 모듈 mb multibyte를 설치합니다. sudo apt-get install php-mbstring 로 nginx를 재시작합니다. 아파치 : 만약 문제가 해결되지 않으면 이 포스팅 에서 nginx config 파일에 설정한 버전의 mbstring이 설치되지 않은 것 입니다. 버전을 지정하여 mbstring을 설치 실행합니다. 마찬가지로, PHP 모듈 intl이(가) 설치되지 않았습니다. 서버 관리자에게 모듈 설치를 요청하십시오. 오류는 로 해결할 수 있습니다.

nginx: warn server name ”**” has suspicious symbols 오류 해결 오류 메시지 Restarting nginx: nginx: warn server name “*” has suspicious symbols in /etc/nginx/sites-enabled/ 로 문법 오류 검사를 하다 보면 위와 같은 에러를 확인할 수 있다. 이 오류는 server_name 에 도메인을 입력하고 뒤에 ;를 붙이지 않은 것은 아닌지 확인하여야 한다. 도메인을 입력하고 반드시 ;로 끝나야 warn server name ”**” has suspicious symbols 오류를 해결할 수 있다.

☁️ ubuntu nginx 환경에 owncloud 설치 🚀 ssh 접속 nginx 환경에 owncloud 설치를 위해 ssh 접속 후 로 루트 유저 상태에서 설치를 진행합니다. 먼저 패키지 업데이트와 업그레이드를 진행한 후 필수요소를 설치합니다. 설치가 완료되면 php를 재시작합니다. 🫂 mySQL 설치 후 유저 등록 nginx 환경에 owncloud 설치를 위해 mysql을 설치합니다. y를 계속 입력하여 질문을 넘어갈 수 있습니다. 진행 중 보안수준 선택 창이 나오면 에서는 medium 수준인 1을 입력합니다. 대소문자와 특수문자, 숫자를 모두 포함한 8자 이상의 암호를 만들어줍니다. y를 누르며 계속 진행하다 All done! 메시지가 나오면 끝입니다. 이제 mysql을 실행합니다. 패스워드를 입력하면 입력창에 mysql> 표시가 노출됩니다. 커맨드를 차례로 입력합니다. 만약 오류가 날 경우는 https://2vup.com/mysql-password/ 를 먼저 참고하세요. …

아이패드 초기 불량 체크 리스트 아이패드 바디 상태 확인 찍힘 파임 휘어짐 휘어짐의 경우 종이를 넣어서 체크 스크래치 아이패드 화면 상태 확인 데드픽셀 테스트 진행 모서리 빛샘 테스트 진행 자연광 아래서 액정 등고선 확인 화면 여기저기 눌러보고 사운드 체크 (쩝소리) 카메라 유리 먼지, 이물질 여부 확인/카메라 앱 실행 후 전면/후면 테스트 전면 액정 먼지, 이물질 여부 확인, 입김 불어 스크래치 여부확인 사운드 테스트 (https://www.youtube.com/watch?v=6TWJaFD6R2s&ab_channel=MasterStudyMasterStudy) 볼륨 버튼, 전원 버튼 유격 확인 애플펜슬, 키보드 정상 연동 확인 Touch ID 정상 작동 확인 아이패드 초기 불량 체크 리스트 아이패드 바디 상태 확인 아이패드 화면 상태 확인

디스크 유틸리티에서 와이파이 등으로 새 os를 설치할 때 10시간 이상 소요된다고 뜬 경우 부팅디스크를 만드는 편이 빠른 작업에 도움이 될 수 있습니다. macOS 부팅디스크를 만드는 방법입니다 작업 전 준비 사항 8GB 이상의 USB 다운로드된 macOS macOS 다운로드 링크는 바로 아래를 참조하세요 macOS 다운로드 macOS Big Sur macOS Catalina macOS Mojave macOS High Sierra mac 기기에서 열면 app store 링크가 열립니다. 받기를 누르고 다운로드가 완료되면 아래 화면처럼 파일이 열립니다. 계속을 누르지 않고 하단 독에서 우클릭하여 종료해주세요. 닫고 나면 ‘macOS 버전 이름 설치’라는 이름의 앱으로 응용 프로그램 폴더에서 해당 파일을 찾을 수 있습니다. 용량은 12GB 정도입니다. 터미널을 열고 준비한 USB를 연결한 후 다운로드 받은 macOS 버전에 맞는 createinstallmedia 커맨드를 입력합니다…

🛕 VScode SSH 접속 VScode에서 Remote - SSH 확장을 통해 config 파일에 저장된 인스턴스에 접속할 수 있습니다. 이 SSH 확장을 통해 접속이 잘 되어도 파일을 생성/수정 후 저장하려고 하면 다음과 같은 Failed to save, permission denied 오류가 반환되는 것을 확인할 수 있습니다. ❌ 오류 내용 Failed to save : Unable to write file ‘vscode-remote://ssh- Nopermissions (FileSystemError): Error: EACCES: permission denied, open ✨ 해결 방법 커맨드를 통해 작업할 영역의 위쪽으로 진입하여 를 입력합니다. 가 아닌 특정 유저명이라도 좋으나 가장 기본적인 설정으로 진행할 수 있습니다. 이렇게 되면 파일/폴더의 소유자가 로 바뀌며 기본적인 작업들은 모두 할 수 있게 됩니다. Failed to save : Unable to write …

❔ 폴더 개수 및 파일 개수 세기 쉘 스크립트에서 쉽게 폴더 내 파일/폴더 개수를 알고 싶을 때가 있습니다. 폴더 내 파일/폴더 리스트를 보여주는 커맨드인 에 옵션을 더하여 사용하는 방식입니다. 을 입력하면 권한과 유저명, 저장 시간이 보입니다. 이에 옵션을 더해 특정 폴더 내 폴더 개수, 파일 개수를 구할 수 있습니다. 📂 폴더 개수 및 파일 개수 구하기 현재 폴더의 하위 폴더 개수 확인(현재 디렉토리의 하위 디렉토리 개수 확인) 현재 폴더 내 파일 개수확인(현재 디렉토리의 하위 폴더 개수 확인) 현재 폴더에 포함된 하위 모든 폴더 개수를 확인 현재 폴더에 포함된 하위 폴더의 모든 파일을 포함한 개수 확인 ​ ❔ 폴더 개수 및 파일 개수 세기 📂 폴더 개수 및 파일 개수 구하기

🤦‍♀️ React npm start 오류 CRA (create-react-app) 을 통해 React 프로젝트를 생성하였습니다. 하지만 커맨드를 입력할 때마다 오류가 반환되었습니다. 오류의 내용은 다음과 같습니다 오류 내용 해결을 위해 스크립트들이 저장되어 있는 package-lock.json 파일을 삭제 후 npm을 다시 설치합니다. 아래 커맨드를 차례로 입력하여 This is probably not a problem with npm. There is likely additional logging output above 오류를 해결합니다. 그 뒤 를 진행하면 This is probably not a problem with npm. There is likely additional logging output above 오류 없이 세선이 실행됩니다. 🤦‍♀️ React npm start 오류 오류 내용

Bind failed 오류 nginx 오류 로그를 확인해 보면, 80번 포트가 사용중이기 때문에 (Address already in use) Bind failed 오류가 계속 반환되는 경우가 있습니다. 이는 실행중인 80번 포트들을 확인하고, 모두 죽일 수 있습니다. ✨ 해결 방법 80번 포트가 사용되고 있는지 확인할 경우 80번 포트를 죽일 경우 특정 포트가 사용 중인지 알아낼 때는 형태의 커맨드를 입력하면 찾을 수 있습니다. Bind failed 오류 ✨ 해결 방법

🤦‍♀️ Ubuntu React 설치 오류 Ubuntu에 React 프로젝트를 생성하던 중 오류를 발견하였습니다. 오류의 내용은 다음과 같습니다. 뜯어 보면 눈에 띄는 오류들이 있습니다. (node:719650) UnhandledPromiseRejectionWarning: Error: EACCES: permission denied, mkdir ‘/home/git/reactex/myapp’ (node:719650) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise …

ubuntu 패키지 설치 오류 E: Unable to correct problems, you have held broken packages. 해당 문구가 노출되며 패키지 설치가 불가할 경우는 기존 패키지 업데이트 리스트를 백업하고 새 패키지 업데이트 리스트를 받아 해결합니다. 아래 커맨드를 차례로 입력합니다. E: Unable to correct problems, you have held broken packages. 오류 해결

MySQL에 wordpress DB 설치 MySQL에서 wordpress 데이터베이스를 생성한 뒤 해당 데이터베이스에서 사용할 새 유저명과 비밀번호를 설정하고 워드프레스 데이터베이스에 대한 전체 권한을 할당해 줄 수 있습니다. 관련 커맨드는 아래와 같이 알려져 있습니다. 🎉 유저 생성 👀 MySQL 오류 현재 위 두 줄의 커맨드를 입력하면 오류가 반환됩니다. CREATE USER ‘newuser’@‘localhost’ IDENTIFIED BY ‘USERPASSWORD’; 을 입력 시 Query OK, 0 rows affected (0.00 sec) 가 반환되지만 GRANT ALL ON wordpress.* TO ‘NEWUSER’@‘localhost’ IDENTIFIED BY ‘NEWPASSWORD’; 를 입력하면 ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to…

🥺 Https 인증 실패 Nginx 에서 Let’s Encrypt의 무료 인증서를 통해 도메인의 서브도메인, 2차 서브도메인을 인증하려고 하는데 계속해서 오류가 반환됩니다. 연결된 conf 파일의 name_server에도 오류가 없는데 coin.ex.2vup.com 주소만 계속해서 Https 인증이 실패하며 오류를 반환하고 있습니다. Let’s Encrypt 오류로 Https 인증에 실패한 경우와 오류 해결방법을 확인합니다. 🔒 Let’s Encrypt 오류 🏁 DNS problem: NXDOMAIN Detail: DNS problem: NXDOMAIN looking up A for coin.ex.2vup.com - check that a DNS record exists for this domain Challenge failed for domain coin.ex.2vup.com 🪄 해결 방법 도메인 호스팅 사이트의 DNS관리에 진입합니다. 오류가 나고 있는 서브도메인의 주소를 a…

Nginx는 sites-available에 파일을 작성하고, 실제 연결되어야 하는 파일만 심볼릭 링크를 통해 sites-enabled 폴더로 연결할 수 있습니다. conf 파일 만들기 test.conf을 sites-enabled에 연결하는 심볼릭 링크 만들기

웹에 flexiblog Build 하기 github에 새 repo 만들기 웹에서 flexiblog gatsby 사이트를 빌드하기 위해 새 레파지토리를 만듭니다. pro 버전이 아니라면 반드시 public repo로 만들어야 합니다. 그 뒤 로컬에서 경로로 이동합니다. 다음 git 폴더로 지정합니다. 다음 아래 커맨드를 한줄씩 차례로 입력합니다 생성한 repo 주소는 반드시 []를 포함하여 삭제하고 본인의 repo 주소를 입력합니다. netlify.com 에서 빌드하기 Gatsby 블로그는 정적 사이트기 때문에 개인 웹 서버나 호스팅이 필요하지 않습니다. 네트리파이 를 통해서 무료로 build가 가능합니다. 먼저 github 계정으로 네트리파이에 가입합니다. New site from Git을 클릭한 뒤 방금 업로드한 폴더를 연결합니다. 마지막 설정 과정에서 Basic build settings 부분만 조금 변경하면 간단히 빌드할 수 있습니다. 빈 칸을 위와 동일하게 채워줍니다.…

🔨 Flexiblog 테마 contents 수정하기 작성자 추가(Author) ElegantStack의 FlexiBlog에는 작성자 추가 기능이 있습니다. 또, 글을 작성하면 작성자명이 같이 노출됩니다. 원치 않아도 바꾸어 주는 것이 좋습니다. 작성자는 아래 경로에서 추가/제거가 가능합니다. 이 부분의 Jane Smith나 John Doe 부분인데, 이 부분을 Admin으로 변경하겠습니다. 그리고 jane-smith.json 파일을 열어 복사한 뒤 admin.json 파일을 만듭니다. 아래 커맨드를 통해 authors 폴더에 진입합니다. 커맨드를 통해 이미 존재하는 작성자 정보를 확인할 수 있습니다. 새 작성자 만들기 으로 기존 작성자 json 파일을 열어 내용을 복사한 뒤 으로 새 admin 파일을 생성합니다. 만약, 복사하기가 번거롭다면 아래 코드를 참고하세요. 작성자는 파일에 다음과 같이 기록했습니다. 파일을 저장합니다. 게시글 추가 (Posts) 경로에는 게시글을 저…

🔨 Flexiblog 테마로 Gatsby 블로그 만들기 Flexiblog 테마로 Gatsby 블로그를 만들기 위해서는 envato market에서 해당 테마를 구매하여야 합니다. 구매하면 압축 파일을 받을 수 있습니다. 🧷 편의를 위해 압축 파일 이름을 로 변경 후 진행합니다. flexiblog(플렉시블로그) 테마를 구매 후 압축을 풀게 되면 위와 같은 폴더들을 확인할 수 있습니다. 터미널을 통해 이 폴더를 연 뒤 진행합니다. 📍 이 포스팅에서 지정한 기본 폴더 위치는 아래와 같습니다. Flexiblog 설치 방법 flexiblog 폴더에서 아래를 입력해 @elegantstack 폴더로 진입합니다. 패키지 매니저를 yarn으로 지정합니다. 🛻 테마 고르기 ElegantStack의 FlexiBlog는 링크에서 확인 가능한 9개의 스타일 중 한 개를 자유롭게 골라서 설치할 수 있습니다. 그 중 위 이미지 테마인 News 테마를 설치해 보겠습니다. news 스타터를 통해 개츠비…

가비아에서 사용중인 도메인을 타기관으로 이전할 수 있습니다. 이 포스팅에서는 가비아<->호스팅케이알 간의 도메인 기관이전 절차를 정리합니다. 🌜 기존 등록업체에서 기관 이전 준비하기 가비아 홈에서 우측 상단에 있는 My가비아를 클릭합니다. 서비스 관리를 누르면 아래와 같은 창이 나옵니다,. 하단 도메인 주소 우측 파란 관리툴 상자를 클릭합니다. 관리툴을 누르면 보안 서비스 라는 메뉴를 확인할 수 있습니다. 🔒 기관이전, 부가서비스 잠금 해제 보안 서비스 탭의 안전 잠금 이 설정된 상태라면 자동으로 기관 이전 잠금도 설정되어 있습니다. 기관 이전 잠금 해지를 위해서는 안전 잠금 이 우선적으로 해지가 되어야 합니다. 이 두 서비스가 설정된 상태라면 두 서비스 우측에 모두 해지라고 표시되어 있습니다. 가장 먼저 안전 잠금 우측의 해지 버튼을 클릭하여 안전 잠금을 해지합니다. 본인확인을 시도하면 카카오톡으로 인증번호가 전송됩니다. 📍 해지 후, 기관이전 잠금도 같이 풀리는 경우가 있…

🍏 아이패드에서 코딩하기 아이패드에서도 VScode를 사용해 코딩을 할 수 있는 방법에 대해 이전 포스팅에서 다루어 보았습니다. 해당 방법은 가벼운 코드를 돌리기에는 문제가 없으나, ssh 접속은 어렵습니다. 반면에 해당 포스팅은 기본 세팅이 끝나면 아이패드 하나만으로 ssh 접속을 자유롭게 할 수 있습니다. 🛠️ 선행 설치 blink shell 어플리케이션 (유료 어플리케이션, 25,000원) 아이패드 환경에서 ssh 접속을 끊기지 않게 하는 기능인 mosh는 현재 blink shell에서만 지원되기 때문에 반드시 blink shell 어플리케이션을 다운로드 받아야 합니다. 결제는 애플 계정 단위로 한 번만 이루어지므로, 한 번 다운받으면 같은 애플 계정을 사용하는 아이폰, 아이패드에 모두 다운받을 수 있습니다. 개발 서버로 사용할 클라우드 인스턴스 평생 무료 클라우드 인스턴스를 만드는 방법은 이 포스팅을 참고하세요. 🐚 blink shell 실행 기본 세팅을 진행하기 위해 bl…

🔑 SSH Key 접속 방법 ssh 접속 시도시 일반적인 커맨드는 아래와 같습니다. 첫 번째 방법은 유저명@도메인, 두 번째 방법은 유저명@ip(고정) 세 번째 방법은 ssh 접속 포트가 22번이 아닐 경우 특정 포트 선택 접속, 네 번째 방법은 ssh key 파일이 여러가지일 때 파일 경로를 정확히 설정하여 로그인하는 방법입니다. 옵션을 통해 직접 지정해서 로그인이 가능하지만, 이렇게 각각 관리하여야 하는 키 파일이 여러 개일 경우 굉장히 비효율적인 과정을 거치게 됩니다. SSH config 파일은 이를 방지하며, 간편하게 SSH 접속을 진행하도록 도와줍니다. SSH config 파일에 옵션을 미리 기입하여 ssh 접속 커맨드를 짧은 단축어로 변경합니다. SSH config 단축어 지정 서버가 아닌 로컬의 터미널에서 아래 커맨드를 입력합니다. 만일 안에 기재된 내용이 있을 경우 최하단에서 한 줄을 띈 후 입력합니다. SSH config 파일에 등록할 인스턴스의 host명이 por…

🧑‍💻 git 명령 취소 방법 git을 사용하다 보면 잘못된 커밋 메세지나 추가, 브랜치 혼동 등 많은 이슈가 있을 수 있습니다. 간단한 커맨드로 git pull 취소, git commit, git add, git merge 등의 명령들을 취소하고 되돌릴 수 있습니다. 🚀 git pull 취소하고 되돌리기 (ex.git pull origin main) 위 코드로 간단하게 깃 풀 취소가 가능합니다. 🔻 git merge 취소하고 되돌리기 📮 git commit 취소하고 되돌리기 한 단계 앞 commit이나 commit을 실행하기 전 상태로 되돌리는 것이 가능합니다. ➕ git add 취소하고 되돌리기 등의 커맨드를 사용하여 commit할 대상을 추가했더라도 실행 취소가 가능합니다. git pull 취소, github merge 취소, git commit 취소, git add 취소 등 명령을 취소하고 되돌리는 방법 🧑‍💻 git 명령 취소 방법 🚀 git pull 취소하고 되돌리기 🔻 gi…

✅ Ubuntu 호스트명 확인 ssh 로그인을 하면 제일 첫 커맨드 좌측에 ubuntu@ 뒤 붙는 네임이 호스트명입니다. 오라클 클라우드로 ubuntu 인스턴스를 생성하고 이름을 따로 정하지 않았을 경우 instance-로 시작하는 호스트명이 기본 지정되어 있습니다. ⚙️ Ubuntu 호스트명 변경 ssh 로그인을 진행한 뒤 아래 커맨드를 입력합니다. 호스트명 확인 기본 지정된 호스트명을 확인할 수 있습니다. 호스트명 변경 위 상태에서 를 눌러 insert 모드로 진입한 뒤 원하는 호스트명을 입력하고 esc를 누른 뒤 :wq > 엔터를 눌러 저장합니다. ✂️ nano 편집기 사용 nano 편집기를 사용할 경우 편집 후 ctrl+x > y 를 입력한 뒤 엔터를 누르면 저장됩니다. hosts 파일 변경 를 눌러 insert 모드로 진입한 뒤 127.0.1.1 우측에 써있는 이름을 앞서 경로에서 변경한 호스트명과 동일하게 지정 후 esc를 누른 뒤 :wq > 엔터를 눌러 저장합니다. …

📍 blink known_hosts 경로 blink 상에서 인스턴스와 연결된 키가 바뀌거나, 인스턴스를 신규로 만들고 기존 키를 사용하는 등 서버가 바뀌는 이슈가 생기면 아래와 같이 반환되며 접속 오류가 일어납니다 에러 문구 Host key for server changed. @@ key fingerprint is SHA256@@@@@@@@@. For security reason, connection will be stopped 🪤 blick known_hosts 삭제 방법 아래 커맨드로 간단히 지울 수 있습니다. 📍 blink known_hosts 경로 에러 문구 🪤 blick known_hosts 삭제 방법

🐠 Ubuntu asciiquarium ubuntu(우분투) 환경에서 실행시킬 수 있는 애니메이션 커맨드 중 asciiquarium을 실행하는 방법에 대한 포스팅입니다. Ubuntu 20.04에서 실행 확인이 완료되었습니다. ⚙️ Ubuntu asciiquarium 설치 방법 아래 경로에서 파일을 다운받습니다. 다운받은 파일의 압축을 해제합니다. 압축을 해제한 폴더 내로 진입합니다. asciiquarium 파일에 실행 권한을 부여합니다. asciiquarium 파일을 경로로 이동합니다. 아래 커맨드를 차례로 입력합니다. 움직이는 asciiquarium이 실행됩니다. 🖥️ 실행된 화면 캡쳐 📓 참고 https://gist.github.com/diegopacheco/d68a1d16fc31cfc3f34647ccee9726a5 🐠 Ubuntu asciiquarium ⚙️ Ubuntu asciiquarium 설치 방법 🖥️ 실행된 화면 캡쳐 📓 참고

⚙️ ubuntu에 expo 설치하기 루트 권한으로 진행합니다. node.js 설치 ubuntu에 node.js를 설치합니다. 설치된 노드의 버전을 확인합니다. 버전이 정상적으로 확인되면 expo를 설치합니다. expo 설치 ubuntu에 expo를 설치합니다. 설치가 완료되면 원하는 폴더에 진입한 뒤 커맨드를 이용해 프로젝트 폴더를 만듭니다. simpletodo라는 expo 프로젝트 폴더를 만들겠습니다. blank를 선택하여 expo 프로젝트를 만들고 있습니다. 프로젝트가 만들어지면 로 폴더에 진입합니다. expo 프로젝트를 실행합니다. ⚙️ ubuntu에 expo 설치하기 node.js 설치 expo 설치

⚙️ 웹 서버에 VScode 설치하기 아마존 라이트세일(AWS), 구글 클라우드 플랫폼(GCP), 오라클 클라우드(OC)에 내 서버를 생성한 후 서버에 code-server를 설치하면 아이패드에서도 VScode 실행 및 사용이 가능합니다. 해당 글은 Ubuntu 20.04 기준으로 작성되었습니다. 평생 무료 오라클 클라우드 서버 만들기 Oracle Cloud에 평생 무료 서버를 만드는 방법은 이 링크🔗를 참고하세요. 내 서버에 VScode 연동 링크🔗된 포스팅에 나온 과정이 모두 진행된 다음 순서로 진행합니다. root 계정에서 진행합니다. 아래 커맨드로 를 다운받습니다. code-server는 아이패드로 VScode를 실행할 수 있게 해 주는 가장 기본적인 요소입니다. 성공적으로 설치되었습니다. code-server를 시작하고, 부팅시도 다시 시작되게 하기 위해 아래 커맨드를 입력합니다. code-server가 설치된 폴더로 이동합니다. 파일을 편집해서 로그인 환경을 세팅합니다.…

☁️ 오라클 클라우드 (Oracle Cloud) 아마존 라이트세일(AWS), 구글 클라우드 플랫폼(GCP), 오라클 클라우드(OC) 중 가장 나은 사양의 인스턴스를 평생 무료로 대여해주는 오라클 클라우드에 인스턴스를 만들어 평생 무료 서버로 사용할 수 있습니다. 오라클 클라우드는 프리 티어(Free-tier)기간 동안 총 2개의 인스턴스를 총 100GB 안에서 운영할 수 있도록 되어 있습니다. 하지만 프리티어 기간이 끝나도 제공되는 인스턴스의 조건은 최대 2개, 총 100GB로 동일합니다. 이를 두 개의 인스턴스로 나누어서 사용하여도 되고 1개 인스턴스에 100GB를 몰아 설정해도 되나 프리티어 기간이 끝나면 인스턴스가 2개라도 고정 IP(예약 IP)를 1개 이상 새로 만들 수 없습니다. 기존에 만든 고정 IP(예약 IP)가 2개였어도, 프리티어 기간 이후에 삭제하면 1개 이상 재생성할 수 없습니다. 인스턴스는 프리티어 기간이 끝나도 총 2개, 2개 합 용량 100GB까지는 얼마…

💻 컴퓨트 서버 기반 및 서버리스 기반의 환경 설정을 제공함과 동시에 리소스 확장의 자동화 도구와 프로젝트(애플리케이션)의 빠른 배포를 돕는 도구가 포함되어 있다. Amazon Elastic Compute Cloud (EC2) 클라우드 서버에서 ‘인스턴스’로 불리는 가상화 서버를 제공하며, 사용자는 넓은 범위의 인스턴스 중에서 사용 목적에 맞는 인스턴스를 선택할 수 있다. CPU/GPU 강화 인스턴스, 스토리지 최적화, 입/출력 성능 강화, 범용성 강화 등 목적에 맞는 인스턴스 선택이 가능하다. Amazon EC2 Auto Scaling 미리 정의한 용량 정책에 맞게 EC2 인스턴스의 용량을 확대/축소할 수 있는 기능이다. 과도한 트래픽으로 인스턴스가 과부하되면 자동으로 새 인스턴스를 추가시킨다. 다양한 성능 지표, 헬스 체크 전략을 사용할 수 있다. 오토 스케일링 자체에는 별도 비용이 부과되지 않으며, ELB와 통합 제공되는 기능이다. Amazon EC2 Container Ser…

🖥️ 클라우드 컴퓨팅 어디서나 접속 가능하고, 편리하며, 온디맨드 방식으로 신속하고 간편하게 검증 및 배포된 공유 컴퓨팅 자원에 접근할 수 있는 컴퓨팅 기술 👾 클라우드 컴퓨팅의 3가지 특성 온디맨드 방식 지원 (원할 때 필요한 만큼 사용하고, 사용한 만큼 비용 부과) 인터넷을 통해 자원에 접근 (인터넷을 통하여 클라우드에 배포한 모든 자원에 어디서나 접속이 가능) 사용량별 과금 모델 (실 사용량에 따라 사용료 지불하며 시간당 과금을 원칙으로 함.(일부 서비스의 경우 체계 상이) 💬 클라우드 컴퓨팅의 이점 자체 데이터 센터, 서버 운용 불필요 (구입, 운영) 민첩성 확보 (특정 프로젝트를 새로 시작하려고 할 때, 새 프로젝트를 구현하기 위한 사양에 맞는 하드웨어를 구하려고 노력할 필요가 없어짐) 용량에 대한 걱정 불식 (서버를 따로 구축하려고 할 때, 기본적으로 서버의 용량을 결정하는 것이 우선적이나 이에 대한 의사결정을 위해서는 사용자의 수, 기간당 데이터 전송의 크기, 적절한 …

mac에서 React Native 개발환경 구축하기 ⚙️ 선행 설치 mac에서 React Native 개발 환경을 구축하기 위해 기본적으로 먼저 설치되어야 하는 필수 프로그램입니다. 아래 두 가지 프로그램이 다운로드 되어 있어야 React Native 개발에 필요한 다른 프로그램들을 다운로드 받을 수 있습니다. Homebrew Xcode Xcode의 빠른 설치 방법은 이 포스팅을 확인하세요. xcode 설치가 완료되었다면 실행 후 cmd + , 로 preference에 진입한 뒤 Locations > Command Line Tools를 Xcode로 설정합니다. ✅ 아래 프로그램들은 mac에서 React Native 개발환경을 구축하는 데 모두 필요한 프로그램입니다. 모두 다운받습니다. ⌚ Watchman 설치 페이스북에서 제작한 Watchman은 소스 코드의 변화를 감지하여 특정 조건을 만족시키는 변화가 일어나면 특정한 동작을 실행시키는 도구입니다. 이 도구를 이용하여 특정 변화…

🔨 npm run ios 빌드 에러 해결 새로 만든 React Native 프로젝트 빌드를 시도하던 중 는 정상 동작하지만 와 는 빌드 에러가 계속해서 동일하게 반환됩니다. npm ERR! This is probably not a problem with npm. There is likely additional logging output above 오류가 계속 반복되었습니다. 오류 로그 이에 Exit status 1, This is probably not a problem with npm. There is likely additional logging output above 등을 수없이 검색하며 구글에서 동일한 빌드 오류시 소개하는 방법들을 직접 적용해보았지만 결국 podfile을 수정하니 간단히 해결되었습니다. React Native 빌드 오류로 커맨드가 동작하지 않고 있다면 이 포스팅을 끝까지 참고하시기 바랍니다. ❌ 빌드 오류 해결 실패 아래는 실패한 방법들입니다. 여전히 로…

🟥 Mac에서 Ruby Update 방법 맥에서 루비를 업데이트 하기 위해 아래 코드를 한 줄씩 차례대로 실행합니다. 2021년 8월을 기점으로 3.0.2버전으로 업데이트하지만, 시기에 따라 Mac에서 Ruby Update가 가능한 최신버전이 다를 수 있습니다. 커맨드로 설치 가능한 버전을 확인하려면 을 사용합니다. 버전 리스트를 반환합니다. 를 입력한 후 일정 시간이 지나면 Mac에서 Ruby Update가 완료됩니다. ✅ Mac에서 Ruby 버전 확인 버전을 확인하여 정확히 Mac에서 Ruby Update 업데이트가 되었는지 확인합니다. 만약 아직도 이전 버전을 반환할 경우에는 아래를 참고하세요. ❌ Mac Ruby update 오류 😒 새 버전 적용 안됨 먼저 rbenv versions을 확인합니다. system으로 설정되어 있습니다. 을 입력하여 버전을 System에서 3.0.2 버전으로 변경합니다. 다시 버전을 확인합니다. 제대로 버전이 바뀐 것이 확인되면 환경…

🔨 Mac에 안드로이드 스튜디오 설치 ✅ Java 설치 확인 Mac에 안드로이드 스튜디오 설치를 하기 위해서는 기본적으로 Java 설치가 선행되어 있어야 합니다. 을 통해 java가 설치되어 있는지 확인합니다. 설치된 버전이 있을 경우 숫자로 된 버전을 반환합니다. 🧚‍♂️ 안드로이드 스튜디오 다운로드 이 링크🔗 를 클릭하여 안드로이드 스튜디오를 설치합니다. Download Android Studio가 쓰여 있는 초록색 버튼을 클릭합니다. 약관이 나오면, 최하단에 체크하면 아래 다운로드 버튼이 활성화됩니다. 맥에 안드로이드 스튜디오 설치를 하기 위해서는 인텔 맥과 m1칩을 사용하는 맥을 구분해야 합니다. 본인의 기종에 맞는 칩을 선택하면 dmg 파일이 다운로드됩니다. dmg 파일을 실행하면 Install Type을 고릅니다. Custom을 선택합니다. ✅ 필자의 경우는 마지막 Android Virtual Device가 설치되어 있어 체크가 되지 않지만, 처음 다운로드할 경우…

🚀 맥(Mac ios)에서 안드로이드 스튜디오 가상 기기 만들기 이 포스팅은 안드로이드 스튜디오를 설치한 이후 가상 기기를 만드는 내용을 정리한 포스팅입니다. 안드로이드 스튜디오를 mac에서 설치하는 방법에 대하여 확인하려면 이 포스팅🔗을 참조하세요. 🎨 안드로이드 가상 기기 만들기 Project가 아무것도 만들어지지 않은 안드로이드 스튜디오를 실행시킵니다. 가운데 파란색 글자 More Actions을 클릭하여 AVD Manager에 접속합니다. Create Virtual Device를 클릭하여 Mac에 설치한 안드로이드 스튜디오 내에 테스트용 안드로이드 가상 기기를 만듭니다. 안드로이드 스튜디오에서 사용할 가상 기기의 종류와 모델을 고르는 화면입니다. 이 화면에서는 TV, 스마트폰, 웨어러블 기기, 태블릿 등 수많은 디바이스를 선택할 수 있습니다. 각종 가상 기기의 실제 해상도와 화면 크기도 같이 확인할 수 있습니다. 기기를 골랐다면 우측 하단 Clone Device 버튼 …

🚀 맥 Xcode 가상 기기 만들기 이 포스팅은 맥 Xcode를 설치한 이후 가상 기기를 만드는 방법에 대한 포스팅입니다. Xcode를 mac에서 빠르게 설치하는 방법에 대하여 확인하려면 이 포스팅🔗을 참조하세요. 🎨 Xcode 가상 기기 만들기 애플 디바이스 개발을 위해 시뮬레이터로 가상 기기를 만들어보겠습니다. Xcode 설치만 되어 있으면 mac에서 애플의 가상 기기를 만드는 것은 아주 간단합니다. Xcode를 실행한 뒤 상단바에서 Xcode - Open Developer Tool - Simulator를 클릭하면 바로 가상 기기가 만들어집니다. 🔨 가상 기기 기종 변경 Simulator가 켜진 상태에서 상단바의 Flie을 클릭합니다. Open Simulator를 누르면 iOS, tvOS, watchOS 중 선택이 가능합니다. iOS를 고르면 아이폰, 아이패드 에어, 프로, 아이팟터치 등의 모델을 선택할 수 있습니다. 원하는 기종을 클릭하면 기종을 간단하게 변경할 수 있습니…

✨ 맥에서 키보드로 이모지를 추가하는 방법 맥에서 키보드만으로 이모지(emoji)를 추가할 수 있다면 이모지 단축키 (ctrl+cmd+spacebar) 가 사용되지 않는 곳에 이모지를 추가할 때 굉장히 용이하고, 마우스를 통해 선택하는 과정을 거치지 않아도 되기 때문에 보다 더 효율적인 사용이 가능할 것 입니다. 특히 VScode에서 마크다운 문서를 작성할 때 단축키가 작동하지 않아 이모지를 삽입하는 데 엄청난 불편함을 겪는 경우라면 이 글을 참고하세요. Mac용 이모지 삽입 프로그램인 Rocket을 설치하면 VScode 등 어디서도 쉽게 이모지 사용이 가능합니다. 🛠️ Rocket 설치 이 링크🔗를 통해 dmg 파일을 다운받습니다. 로켓 아이콘을 Application 폴더로 드래그하면 Rocket이 설치됩니다. ⚙️ Rocket 사용법 (기본 설정) 먼저 Rocket을 실행합니다. 응용 프로그램(Application) 폴더에 가면 Rocket이 설치되어 있습니다. 클릭했을 때 아래…

🥑 맥 Cocoapods 설치 오류 커맨드를 통해 cocoapods(코코아팟)을 설치하려고 하는데 아래와 같은 오류가 발생했습니다. development tools 설치가 선행되지 않았을 경우, Ruby 버전이 낮을 경우 등 여러 경우에서 나타납니다. ✨ 맥 Cocoapods 설치 오류 해결방법 xcode-select 설치 맥 Cocoapods 설치 오류 해결을 위해 터미널에 을 입력하여 xcode-select을 설치합니다. 만약, 맥 Cocoapods 설치 오류가 해결되지 않고 아래와 같은 결과를 반환할 경우는 이미 xcode-select이 설치되어 있는 경우입니다. ❌ 이미 xcode-select가 설치되어 있을 경우 아래 다른 방법을 시도합니다. brew install ruby 맥 Cocoapods 설치 오류를 다른 방법으로 해결하기 위해 먼저 를 입력하여 ruby를 설치합니다. 설치 후 로 지정하여 cocoapods를 설치합니다. ❌ 이 방법도 동작하지 않을 경우 아…

🍻 The requested URL returned error: 403 git push 명령을 통해 개인 repo에 push하려고 하자 아래와 같은 메시지가 반환되었습니다. 2021년 8월 13일부터 password authentication을 지원하지 않고, 퍼스널 토큰 (personal access token) 사용 방식으로 바뀌었습니다. 이를 해결하기 위해서는 일단 github 홈페이지에 접속합니다. 🎨 personal access token 생성 우측 상단 프로필 이미지를 클릭하여 Settings > Developer settings 으로 진입합니다. 좌측의 메뉴 3개 중 하단 Personal access tokens을 클릭하고 우측 Generate new token을 클릭합니다. 패스워드를 한번 더 입력하면 아래와 같은 화면이 뜹니다. Note, Expiration, Select scopes의 3개 항목을 설정해줍니다. Note 토큰에 대한 설명을 자유롭게 기재합니다.…

✨ Mac 터미널에 이모지 추가 Mac에서 터미널에 이모지가 노출되도록 수정해보겠습니다. 🌈 필수 선행 세팅 환경 Iterm2 oh-my-zsh 이 두 파일을 반드시 설치한 후 진행하여야 합니다. 설치가 완료되었으면 사용중인 쉘의 환경 변수 설정파일에 접근해야 합니다. 사용중인 쉘 확인은 을 입력하면 간단히 알 수 있습니다. zsh 쉘을 이용할 경우 아래와 같이 나타납니다. 🦋 zsh에서 세팅 또는 로 파일을 열고 하단으로 내립니다. 랜덤으로 이모지를 나타낼 수 있습니다. 터미널을 새로 열 때마다 이모지가 변경되게 하려면 해당 파일의 최하단에 아래 코드를 넣습니다. 이 코드가 정상적으로 작동한다면, 터미널을 열었을 때 기존의 내 컴퓨터 정보 대신 직접 설정한 이름 ‘jamie’와 ”🔥” ”🐻” ”💛” ”🔥” ”🦊” ”🦋” ”🌈” ”🍻” ”🚀” ”🦊” 이모지들 중 한 개가 랜덤으로 보일 것입니다. 잘 보이는지 확인을 위해 로 수정한 파일을 새로고침합니다. 터미널에 이모지…

❌error: src refspec main does not match any git push를 진행하니 아래와 같은 error: src refspec main does not match any 오류가 반환되었다면 git repo(저장소)이름이 바뀌는 등 origin url에 영향이 가는 수정을 한 적은 없는지 확인해야 합니다. git repo(저장소) 이름을 변경해서 remote url이 변경되었다면 정상적으로 push할 수 없습니다. ➕ 이 문제는 git을 초기화 한 후 add나 commit을 시행하지 않은 채 push를 진행하려고 해도 동일하게 발생합니다. ✂️ remote url이 변경되었을 경우 먼저 git 저장소에 연결된 origin을 삭제합니다. github 저장소의 바뀐 url을 등록합니다. origin에 바뀐 url이 잘 등록되었는지 확인합니다. commit할 사항이 있으면 commit 후 Push합니다.

🔨 fatal: Authentication failed for 에러 git 저장소에 git add, git commit까지 완료하였으나 git push를 진행하니 에러가 반환되었습니다. git remote -v를 확인했지만 origin 연결은 문제가 없었습니다. 기억을 더듬어본 결과 갑자기 로그인이 안 되어 password를 변경했기 때문에 반환된 오류로 판단했습니다. 설정했던 origin을 삭제하고 다시 remote add를 진행하라는 글도 많았으나 캐시를 지워주고 비밀번호를 재등록하는 편을 선택했습니다. 💻 코드 입력 git credential cache를 초기화시킵니다. 그 이후 다시 git push를 진행하면 username, password를 재등록할 수 있습니다. vscode로 진행할 경우 상단에 username을 입력할 수 있는 창이 노출됩니다. git - fatal: Authentication failed for 에러가 해결되었습니다. 🔨 fatal: Authen…

🔪 gh-pages 삭제 Github Pages 기능을 이용해서 배포 후 프로젝트를 삭제하려고 할 때, gh-pages branch를 삭제하지 않으면 계속 웹에 노출되는 상태가 지속됩니다. 레포지토리 setting - Pages에서 어떤 형태의 도메인도 없이 아래 사진처럼 표시되어야 합니다. 💻 코드 입력 github 레포지토리의 gh-pages branch를 삭제하는 가장 간단한 방법은 아래 코드를 입력하는 것입니다. 코드를 입력한 뒤 다시 Pages를 확인하면 연결된 branch가 None으로 변경되어 있으며 Github pages가 비활성화 상태로 변경됩니다. 이제 더이상 레포지토리 내용이 웹에 게시되지 않습니다. 🔪 gh-pages 삭제 💻 코드 입력

❓uso core worker process 이 프로그램은 window 작업 관리자 - 프로세스 탭에서 확인됩니다. 해당 프로그램은 악성코드가 아니라 윈도우 업데이트 관련 응용 프로그램입니다. 고로 사용자가 임의로 삭제할 수 없습니다. 하지만 이 uso core worker process.exe 로 인하여 절전 모드가 원치 않게 해제되며 메모리를 적지 않게 차지하기 때문에 불편합니다. 하지만 마음대로 삭제하거나 끄기 어렵습니다. 이를 해결할 수 있는 방법들을 모아보았습니다. ❗해결 전 확인할 사항 uso core worker process는 절전모드 상태에서 자동으로 update 진행 시 생길 수 있는 오류를 막기 위해 절전모드를 강제로 해제합니다. 해결 전 혹시 대기중인 window update가 있는지 확인하고, 있을 경우 이를 수행합니다. 만약 업데이트를 하지 않고 해당 기능을 끄려면 아래의 2번을 참조합니다. 파일 경로 uso core worker process 종료 명…

💔 폰트 깨짐 현상 Mac에서 VScode를 처음 사용하거나 초기화하여 재설치했을 경우 한글과 이모지 등의 글자가 깨져보일 수 있습니다. 또 아래처럼 커스텀 터미널 테마가 깨져 보이기도 합니다. 이는 폰트 설정을 변경해주는 것만으로도 빠른 해결이 가능합니다. 적용할 폰트는 입니다. 이 링크🔗 에서 바로 다운받을 수 있습니다. 🔧 적용 📁 .vscode/setting.json 다운로드한 뒤 VScode 워크스페이스 안에 .vscode/setting.json파일이 있다면 아래 코드를 추가합니다. ⚙️ VScode Settings 로 settings에 진입해 검색창에 font를 검색하면 왼쪽 목록에서 터미널을 찾을 수 있습니다. 그리고 Font Family 란에 를 그대로 붙여넣습니다. Mac VScode 터미널 폰트 깨짐 현상이 바로 해결됩니다.

🕸️ .env 배포 오류(build error) 이 블로그는 푸터에 링크🔗된 테마를 기반으로 만들어진 Gatsby 블로그입니다. 제작자분께서 배포해 주신 테마에 검색 플러그인을 추가하고자 커스텀하였지만 로컬에서 등은 가능하되 Netfliy나 Vercel 에서 배포하려고 할 때는 계속해서 실패했습니다. 그 이유는 간단했습니다. 바로 파일에 가 추가되어 있어 github repo에는 push될 수 없기 때문입니다..🔞 위에서 언급한 Netfliy나 Vercel 에서 배포할 때는 파일에서 를 삭제하고 를 포함해서 Private repo로 업로드해도 되겠지만 지금은 Github Pages에 커스텀 도메인을 연결하여 배포했기 때문에 Private repo를 사용할수가 없습니다. git-secret을 통해 .env파일을 암호화시키고 업로드합니다.⬆️ 🍎 Mac에서 설치 🔧 사전 설치 기본적으로 git은 당연히 설치되어 있어야 하며 () key를 만들어야 하기 때문에 gpg (GnuPG…

💔 VScode 초기화 Mac에서 여러 이유로 기존의 설정을 완전히 삭제후 VScode를 새로 설치하려면 터미널에서 아래 코드를 입력합니다. 실제 VScode 파일의 설정 경로는 ~/Library/Application Support/code 이지만 터미널에 입력할 경우 공백 때문에 문제가 될 수 있어 위와 같이 입력합니다. 한 폴더 밖으로 나와서 code 폴더를 삭제합니다. VScode를 재설치하면 모든 설정이 초기화됩니다. 🔥 💔 VScode 초기화

🌏 대표 URL (Canonical URL) Gatsby 블로그를 검색엔진에서 최적화하기 위해서 여러 웹마스터 툴을 이용할 수 있습니다. 이들이 공통적으로 강조하는 점이 있는데, 바로 대표 URL입니다. 구글도 이를 중요하게 생각하고 있습니다. 구글봇을 포함한 웹 크롤러들은 사이트를 판단할 때 아래 항목들을 기반으로 합니다.🤖 게시된 프로토콜 (HTTP or HTTPS) 페이지 품질 사이트맵에 포함된 URL 여부 rel=canonical 라벨 여부 등 이 중 마지막 항목인 rel=canonical 만 지켜지지 않아도 아래처럼 ‘대표 URL을 확인할 수 없습니다’ 등의 메시지를 받을 수 있습니다. 이를 Gatsby에서는 간단하게 플러그인 설치로 해결할 수 있습니다. 🔨 Gatsby 플러그인 설치 🧶 yarn의 경우 🔏 gatsby-config.js 파일에 추가 config 파일을 편집했으므로 을 진행한 뒤 사이트를 빌드합니다. 빌드되면 바로 문제가 해결됩니다. 🌏 대표 UR…

⁉️ 이모지로 파비콘 만들기 이모지로 간단하게 파비콘을 만들 수 있습니다. 이 링크🔗 에 접속합니다. 이모지피디아로 연결됩니다. 검색창에 파비콘을 검색한 뒤 저장합니다. 을 검색했습니다. 우클릭하여 저장시 png파일로 저장이 되므로 바로 사용해도 되지만 .ico 확장자 혹은 여러 크기로 변환하고 싶다면 아래 링크에 접속합니다. ✂️ 이모지 변환 이 링크🔗에서 저장한 이모지를 첨부하거나 드래그한 뒤 다운로드를 클릭합니다. 이모지가 저장됩니다. 👀 파일 확인 .ico파일과 png파일이 제공됩니다. 요구하는 확장자에 맞는 파일로 선택한 후 적용해주면 됩니다. ➕ 티스토리에 favicon.ico 이름 그대로 업로드 시 파비콘이 제대로 적용되지 않는 오류가 간혹 있습니다. 파비콘의 파일명을 다른 영문명으로 변경한 후 업로드하면 오류 없이 적용됩니다. ⁉️ 이모지로 파비콘 만들기 ✂️ 이모지 변환 👀 파일 확인

💻 Mac Xcode 설치 Mac Xcode 설치가 느리고 계속 멈춰 아무리 기다려도 설치되지 않는 경우 이 포스팅을 참고하세요. 다운로드 중일 경우 : Xcode를 App Store를 통해 설치하고 있는 것은 아닌지 확인하세요. 링크를 찾을 수 없는 경우 : Xcode 설치 오류가 생기거나, 설치 멈춤 현상이 나타날 경우 접속하라고 여러 곳에서 소개된 해당 링크 (http://developer.apple.com/download/more)는 더이상 작동하지 않습니다.❌ 앱스토어를 통한 다운로드를 중단하고, 2021년 8월 기준 정상 작동하는 이 링크🔗 에서 다운로드하면 Xcode 설치 멈춤 현상 없이 빠르게 다운로드가 완료됩니다. 링크 접속 후 애플 계정으로 로그인하면 Xcode13 다운로드가 시작됩니다. ❌ macOS 11.3 이전 버전에서는 다운로드가 완료되어도 설치가 불가능합니다. 📌Xcode 13 이전 버전 다운로드 이전 버전 다운로드는 이 링크🔗를 참고하세요. 이전 버…

🤖 Github에 처음 가입했을 경우 처음 Github에 가입한 후 Repository를 만들면 비어있는 상태입니다. 이 Github 사이트 내 나의 Repository와 나의 컴퓨터, 즉 로컬을 이어주기 위해서는 아래와 같은 절차가 반드시 필요합니다. 먼저 로컬 컴퓨터 특정 폴더에 있는 파일들을 Github Repository에 모두 업로드해보겠습니다. 🔧 내 컴퓨터에 Git 저장소 생성 일단 Git이 로컬에 설치되어 있어야 합니다. 가 설치된 Mac의 경우 명령으로 brew를 통해 Git을 설치합니다. 다른 운영체제를 사용할 경우 이 곳을 클릭하여 설치합니다. 🚀 Github 로그인 github 로그인을 진행합니다. 가입 시 사용한 username과 email을 사이에 입력합니다. ⚙️ 로컬에 Git 저장소 생성 로그인 후 깃허브에 올릴 파일이 위치한 폴더로 진입합니다. 내에 있는 파일 전체를 업로드하려면 로 해당 폴더에 진입합니다. 원하는 폴더에 진입 후 을 입력해…

🔓 Mac에서 Finder 새 창 없이 압축풀기 Mac에서 여러 폴더를 압축 해제할 경우 계속 새 창이 뜨는데, 이러한 방해 없이 모든 폴더를 전체 압축 해제하는 방법입니다. cd 명령을 통해 압축파일이 있는 폴더애 진입한 후 입력합니다. 📂 전체 폴더 압축파일 한 폴더에 풀기(폴더 구분 없음) 🗂 각각 폴더명으로 압축풀기(파일명의 하위 폴더로 구분) for> 혹은 > 표시가 생긴 다음 줄에 아래 명령어를 한 줄씩 입력합니다. 💻 입력 화면 🔓 Mac에서 Finder 새 창 없이 압축풀기 📂 전체 폴더 압축파일 한 폴더에 풀기(폴더 구분 없음) 🗂 각각 폴더명으로 압축풀기(파일명의 하위 폴더로 구분) 💻 입력 화면

🖥️ 컴포넌트 섀도잉(Component Shadowing) Gatsby에 Flexiblog 테마를 다운받고 커스텀하던 중 위와 같은 오류가 발생하였습니다. 해당 오류는 메인 페이지의 Hero 영역을 Component Shadowing(컴포넌트 섀도잉) 하는 중에 나타난 오류입니다. 🤦🏻‍♀️ 오류 해결 1. 섀도잉 파일 편집 섀도잉 한 경로에 있는 의 문제이므로 해당 파일에 접근한 뒤 로 시작하는 코드를 확인합니다. flexiblog 테마의 경우 정상적으로 섀도잉했다면 파일은 와 같은 경로에 있습니다. 2. 변수에 개체를 우선적으로 할당 위 코드를 아래와 같이 수정합니다. 🙆🏻‍♀️ 해결 완료 을 으로 변경해주고 코드 마지막 부분에 줄을 추가해 주면 파일이 문제 없이 컴포넌트 섀도잉(Component Shadowing) 된 뒤 정상 동작합니다. warning Assign arrow function to a variable before exporting as module default im…

🖊️ Markdown 사용하기 Gatsby(개츠비)에서는 CMS 플러그인을 통해 사용자 친화적인 UI를 이용하여 글을 작성할 수도 있지만, 따로 설치하지 않고 로컬에서 마크다운(Markdown) 언어를 통해 포스팅을 작성할 수 있습니다. 📄 문단 나누기 3개만 입력하면 아래처럼 문단을 나눠주는 줄이 생성됩니다. ✍️ 인용구 을 사용하여 텍스트를 인용할 수 있습니다. 연속해서 두 줄 입력하면 연속되는 내용을 한번에 입력할 수 있습니다. 한 줄을 추가로 띄면 글 내용을 나눌 수 있습니다. 들여쓰기 두 번 입력하여 들여쓰기도 가능합니다. 3번 입력 4번 입력 5번 💯 강조(Emphasis) 아래와 같은 기호를 사용하여 볼드, 취소선, 밑줄을 사용할 수 있습니다. Bold or Bold Strikethrough Underline 👩🏻‍💻 코드 삽입 를 삽입하고 싶다면 두 개의 백틱 (`) 안에 코드를 삽입하면 됩니다. 전체 코드를 작성하고 싶다면 `을 세 개 사용합니다. 위와 같이 작성하고 코…