본문 바로가기

Programming/프로그래밍

반응형
크롬에 React Development Tools 설치하기 크롬 브라우저에 react development tools 확장 프로그램을 설치하고 사용하는 법입니다. 확장 프로그램을 이용해서 react 에 대한 개발자 도구 분석을 사용하거나, react 로 제작되어진 사이트를 확인해 볼 수 있습니다. 01. 크롬 브라우저를 열어서, chrome 웹 스토어로 이동합니다. 'React Developer Tools' 를 검색해서 'Chrome에 추가' 버튼을 클릭합니다. 02. '확장 프로그램 추가' 를 클릭합니다. 03. 이제, React Developer Tools가 Chrome에 추가되었습니다. 04. 크롬 브라우저에서 우측 상단에 '확장 프로그램' 모음 아이콘을 클릭해서 설치한 '확장 프로그램 고정' 을 할 수 있습니다. 05. 설치한 확장 프로그램을 이용해서, .. 더보기
파이썬 설치 (python-3.8.5-macosx10.9.pkg) 맥os 에서 파이썬을 설치하고 비주얼스튜디오코드에서 파이썬을 실행해봅니다. 01. 파이썬 공식사이트에서 자신의 os에 맞는 프로그램을 다운로드 받습니다. https://python.org/downloads/ 02. 다운로드 받은 'python-3.8.5-macosx10.9.pkg' 를 더블 클릭해서 설치를 시작합니다. 설치가 시작되고 '계속' 을 클릭합니다. 03. 소프트웨어 사용권 계약에 동의를 위해 '계속' 을 클릭합니다. 04. 이용 약관에 '동의' 를 클릭합니다. 05. 표준 '설치' 를 클릭해서 진행합니다. 06. 사용자 이름과 암호 입력 후 '소프트웨어 설치' 를 클릭합니다. 07. 패키지 스크립트 실행 중입니다.. 08. 설치가 완료되면 '닫기' 를 클릭합니다. 09. 이제 파이썬 실행을 위.. 더보기
VS Code 비주얼 스튜디오 코드 설치하기 (맥에서...) 비주얼 스튜디오 코드 편집기를 맥os에서 설치하고 터미널 창을 보이게 하는 방법입니다. 01. 네이버나 크롬에서 '비주얼스튜디오코드' 를 검색합니다. 공식사이트 - https://code.visualstudio.com 클릭 02. 첫 화면에 'Download' 버튼을 클릭합니다. 03. 자신의 os버전에 맞는 걸 선택해서 다운로드 합니다. 04. 저는 VSCode-darwin-stable.zip 파일을 저장하였습니다. 05. 압축 파일을 풀고, 'Visual Studio Code.app' 을 더블 클릭해서 '열기' 를 클릭합니다. 06. 실행된 첫 화면입니다. 07. 왼쪽 첫 번째 파일 모양의 아이콘을 클릭하고 'Open Folder' 을 클릭해서 작업 공간을 생성합니다. 08. 미리 만들어 둔 작업용 .. 더보기
repl.it (레플릿) 회원가입 및 사용법 Repl.it는 간단하면서도 강력한 온라인 IDE, 편집기, 컴파일러, 인터프리터 및 REPL입니다. 50 개 이상의 프로그래밍 언어로 코딩, 컴파일, 실행 및 호스팅 서비스를 받을 수 있습니다. 무료의 공동 작업 브라우저 IDE를 사용하여 설정에 시간을 들이지 않고도 50 개 이상의 언어로 코딩 할 수 있습니다. 01. 공식 사이트로 이동합니다. https://repl.it 이용을 위해서는 Sign up 회원 가입을 먼저 해야 합니다. 02. 회원 가입 방법은 구글/깃허브/페이스북 아이디를 연동해서 가입하거나, 그냥 일반 메일로 가입하는 방법이 있습니다. 정보를 입력한 후 'Sign up' 버튼을 클릭합니다. 03. 그리고, 로그인이 되면 아래와 같은 화면이 보입니다. 'Please verify you.. 더보기
Node.js 설치하기(mac OS) node.js를 맥용으로 다운받아 설치를 하는 방법입니다. 맥용이나 윈도우용이나 같은 방식으로 진행하면 됩니다. 여기서는 mac OS (x64)용으로 보여드립니다. 플랫폼에 맞게 미리 빌드된 Node.js 인스톨러나 소스코드를 다운받아서 바로 개발을 시작하세요. 01. 아래 공식사이트에서 자신에게 맞는 OS 환경의 파일을 다운로드합니다. https://nodejs.org https://nodejs.org/ko/download/ 저의 경우는 최신 LTS 버전: 12.18.3 (includes npm 6.14.6) node-v12.18.3.pkg 파일을 다운로드 했습니다. 02. nodejs.org에서 다운로드를 허용하겠습니까? 에 '허용' 클릭 03. 다운로드한 파일을 '더블클릭' 합니다. 04. Node.. 더보기

위로 가기