[챌인’s 알쏭달쏭 개발일기]

AWS EC2 접속 > 연결, SSH 클라이언트 탭을 선택합니다.   cmd 창을 열어서 ".pem" 파일이 있는 위치로 갑니다.해당 위치에서 ssh -i "~" 명령어를 입력해줍니다. 참고로 저는 윈도우 운영체제입니다!!  해당 에러가 발생했습니다 ^_ㅜ,, 이 오류는 ".pem" 파일에 설정된 권한이 너무 넓게 열려 있어 SSH가 보안상의 이유로 해당 키 파일을 사용하지 않도록 차단한 것입니다. SSH는 프라이빗 키 파일이 다른 사용자에게 접근되지 않도록 제한된 권한을 요구합니다.  Linux 기반의 운영체제라면 다음 명령어를 통해 파일 접근 권한을 수정하면 됩니다..$ chmod 400 ".pem"  하지만 나는 윈도우라지 ㅎ.ㅎ,,# 불필요한 권한 제거icacls "D:\aws instance\[..

개인 프로젝트의 애플리케이션을 배포할 가상 서버로 사용하기위해AWS EC2 인스턴스를 생성해보았다! 신규 사용자의 경우 12개월동안 무료로EC2를 사용할 수 있는 프리티어를 제공한다고 하여이를 생성해보기로 했다. 1. 지역이름 설정하기이 지역은 접속하는 서버의 위치를 나타내는 것으로 어느 지역을 선택해도 상관없다고 합니다.하지만 내 서버에 접속하는 사람들은 서울에 인접해있을것이기때문에 서울로 설정해줬다.  2. EC2 인스턴스 생성메뉴 접근본격적으로 EC2 인스턴스 생성을 위해 해당 메뉴로 접속합니다."서비스 > 컴퓨팅 > EC2"  3. 인스턴스 생성하기EC2 대시보드 화면에서 [인스턴스 시작] 버튼 클릭합니다.  4. 인스턴스 이름 입력원하는 이름을 입력합니다.  5. 운영체제 선택ubuntu 기반의..

React 컴포넌트란 ?컴포넌트란 React의 핵심 개념 중 하나로, 페이지에 렌더링할 React 엘리먼트(element)를 반환하는 작고 재사용 가능한 코드 조각입니다. 컴포넌트는 반복출현하거나 자주 변경되는 HTML UI들을 만들어서 사용하는게 좋습니다. 이는 렌더링 시 성능적으로 이점을 갖게 합니다. 컴포넌트 유의사항1. 이름은 항상 대문자로 시작해야한다.- 이름이 소문자로 시작할 경우 DOM 태그로 인식하여 원하는 결과가 나오지 않을 수 있다. 2. return()안에 있는건 태그 하나로 묶어야한다.// 하나의 태그로 묶어야함return( )// 이렇게 사용되면 안됨return( ) 컴포넌트 만들기1. function 키워드를 사용하여 컴포넌트 만들..

개인/팀 내에서 어떤 수정사항이 발생했는지 파악하기 쉽도록 커밋 메시지 규칙을 사용합니다! - 메시지 구조 Header, Body, Footer는 빈 행으로 구분합니다.타입 : 제목  // Header본문  // Body바닥글  //Footer - Header Header는 필수로 작성되야할 부분이며, 타입은 해당 커밋의 성격을 나타냅니다.타입(Type)이름내용feat새로운 기능 추가 또는 변경한 경우fix버그 수정한 경우build빌드 관련 파일 수정 / 모듈 설치 또는 삭제한 경우chore코드의 수정없이 설정을 변경한 경우cici 관련 설정 수정한 경우docs코드 변화없이 문서(주석) 추가 또는 수정한 경우style코드 스타일 혹은 포맷 등을 수정한 경우 (들여쓰기 같은 포맷이나 세미콜론 빼먹은 경우)..

요즘 React가 대세라는데!이거 대체 먼데!! 이렇게 인기가 많을까!! 라는 궁금증에서 시작되어리액트에 대해 조사하며 공부를 시작해볼까 합니다. 그래도 얘가 도대체 어떤 놈인지는알고 써야하지않겠습니까! ( •̀ ω •́ )✧ 1. React 란? 리액트는 페이스북에서 제공해주는 Javascript 라이브러리입니다. 주로, SPA(Single Page Application)를 만들 때 페이지 전환이 부드럽게 가능하다는 특징을 지니고 있습니다. 또한, component 단위로 개발하여 html 재사용이 편리하여 유지보수하기에 매우 좋다고 합니다.  2. React의 특징1) 가상 DOM 사용DOM을 직접적으로 제어하는 것이 아닌, 가상 DOM을 두어 데이터가 변할때마다 화면에서 필요한 곳만 업데이트 하는 ..

제발,, 리액트 좀 써보게 해주라.,, ㅠ 에러는 에러를 낳고~~VSCode와 리액트 사용 모두 처음이라 얼레벌레 쉽지 않군요. 하나의 에러를 해결했더니또다시 에러를 맞이했습니다!!!  어서와 ヽ(✿ﾟ▽ﾟ)ノ 이 에러는 패키지 설치 과정을 넘어가서 생긴 오류일 확률이 높다고 합니다. 해결방법 1. "create-react-app" 설치하기$ npm install -g create-react-app  2. 리액트 프로젝트 생성 확인하기$ npx create-react-app blog  우앗!!! 드디어 리액트 프로젝트가 정상적으로 생성됐나봅니다!!!  리액트 공부 시작~~!

리액트 프로젝트 생성을 위해서VSCode 터미널을 통해 npx 명령어를 수행했는데다음과 같은 에러가 발생했다. ^_ㅜ 이것은 시스템의 설정에서 스크립트를 실행할 수 있는 권한이 부여되지 않아 발생되는 에러라고 한다. 해결방법 1. Windows PowerShell 관리자 권한으로 실행하기  2. 현재 권한상태 확인하기* 권한 상태값- Restricted : default설정값으로, 스크립트 파일을 실행할 수 없음- AllSigned : 신뢰할 수 있는(서명된) 스크립트 파일만 실행할 수 있음- RemoteSigned : 로컬에서 본인이 생성한 스크립트와, 신뢰할 수 있는(서명된) 스크립트 파일 실행할 수 있음- Unrestricted : 모든 스크립트 실행가능- ByPass : 경고/차단 없이 모든 것을..

파이썬 공부중에 FastAPI에 대해 알게 되어 정리해보고자 합니다. FastAPI 란? 파이썬 기반의 웹 프레임워크 입니다. 조작법은 단순하고, 성능적으로도 우세함을 보장합니다. 또한, 기본으로 Swagger를 제공하고 있어 문서를 자동화할 수 있으며, 테스트도 손쉽게 할 수 있습니다. https://fastapi.tiangolo.com/ FastAPI FastAPI FastAPI framework, high performance, easy to learn, fast to code, ready for production Documentation: https://fastapi.tiangolo.com Source Code: https://github.com/tiangolo/fastapi FastAPI is..

1. 라이브러리 설치 명령어 $ pip install [라이브러리] 2. 설치된 라이브러리 확인 명령어 $ pip list 3. 라이브러리 업그레이드 명령어 $ pip install --upgrade (Library) 4. 라이브러리 제거 명령어 $ pip unistall (Library)

이번에 파이썬 공부를 새로 시작하여 차근차근 기록해보려고 합니다. 제가 찾아본 바로는 Python IDE로 Visual Studio Code를 많이 사용하고 있는듯 하여 저 또한 개발툴로 이를 선택하게 되었습니다. Visual Studio Code 설정 1. Visual Studio Code 다운로드 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and ..