jenori_dev.log https://velog.io/ Hi there :) I'm a Future Data Analyst. Sun, 20 Oct 2024 10:13:21 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed jenori_dev.log https://velog.velcdn.com/images/jenori_dev/profile/e644828c-67c1-485b-8ed5-c15398212bd9/image.jpg https://velog.io/ Copyright (C) 2019. jenori_dev.log. All rights reserved. <![CDATA[리액트 - (1)프로젝트 생성하기]]> https://velog.io/@jenori_dev/%EB%A6%AC%EC%95%A1%ED%8A%B8-1%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0-7f556nrp https://velog.io/@jenori_dev/%EB%A6%AC%EC%95%A1%ED%8A%B8-1%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0-7f556nrp Sun, 20 Oct 2024 10:13:21 GMT 안녕하세요. Jenori 입니다.

오늘은 리액트를 처음 시작한 저와 같은 분들을 위하여 '리액트 프로젝트 생성하기' 스텝을 정리해보겠습니다.

  1. 우선, 필요한 모든 프로그램을 설치하고 다운받겠습니다. 필요 프로그램은 다음 세가지입니다.
  1. 다 설치하고 나면, 비주얼 스튜디오 코드에서 확장팩을 다운 받습니다. 저는 기본적인 아래 4가지를 다운받았습니다.
  • 한글팩 Korean Language Pack for Visual Studio Code
  • 브라우저 기본브라우저 open in browser
  • 라이브서버 Live Server
  • 리액트 확장팩 React Extension Pack
  1. 이제 비주얼 스튜디오 코드에서 터미널을 켜주시고, 리액트를 설치해보겠습니다. 
npm install -g create-react-ap
  1. 그리고 프로젝트를 생성해볼게요. 
npx create-react-app [프로젝트이름]
  1. 생성한 프로젝트를 실행하려면, 해당 프로젝트로 들어간 후에 실행해야합니다.
cd [프로젝트이름]
npm start

짠! 이렇게 나오셨죠? 성공하신겁니다!!!

]]> <![CDATA[자료구조(Data Structure)의 개념]]> https://velog.io/@jenori_dev/%EC%9E%90%EB%A3%8C%EA%B5%AC%EC%A1%B0Data-Structure%EC%9D%98-%EA%B0%9C%EB%85%90 https://velog.io/@jenori_dev/%EC%9E%90%EB%A3%8C%EA%B5%AC%EC%A1%B0Data-Structure%EC%9D%98-%EA%B0%9C%EB%85%90 Sun, 06 Nov 2022 14:42:25 GMT 자료구조(Data Structure)

자료구조는 일련의 동일한 타입의 데이터를 정돈하여 저장한 구성체이다.

데이터를 왜 정돈할까? 😀프로그램에서 저장하는 데이터에 대해 _탐색, 삽입, 삭제 등의 연산을 효율적으로 수행_하기 위함.

자주 사용되는 자료구조는 파이썬의 리스트, 연결리스트, 스택과 큐, 다양한 트리, 해시테이블, 그래프 등을 들 수 있다.

책 [파이썬과 함께하는 자료구조의 이해]를 인용 및 참고했습니다.

]]> <![CDATA[[github]error: origin 리모트가 이미 있습니다. #에러해결]]> https://velog.io/@jenori_dev/githuberror-origin-%EB%A6%AC%EB%AA%A8%ED%8A%B8%EA%B0%80-%EC%9D%B4%EB%AF%B8-%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4.-%EC%97%90%EB%9F%AC%ED%95%B4%EA%B2%B0 https://velog.io/@jenori_dev/githuberror-origin-%EB%A6%AC%EB%AA%A8%ED%8A%B8%EA%B0%80-%EC%9D%B4%EB%AF%B8-%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4.-%EC%97%90%EB%9F%AC%ED%95%B4%EA%B2%B0 Thu, 03 Nov 2022 02:53:31 GMT

깃허브에 프로젝트 올릴 때 자주 등장하는 오류 중 하나인

error: origin 리모트가 이미 있습니다.

해결하는 방법은 쉽습니다.

_origin remote_를 삭제하는 명령어를 넣어주면 금방 해결됩니다. 

git remote rm origin

그리고 다시 

git remote add origin https://github.com/jen-yunji/github-error-solution.git

_origin remote_를 _add_하는 명령어를 넣으면 정상적으로 되는 것을 확인할 수 있습니다.

오류 다 뿌셔!!!

]]> <![CDATA[[AWS] VS Code에서 AWS SSH 접속하기]]> https://velog.io/@jenori_dev/AWS-VS-Code%EC%97%90%EC%84%9C-AWS-SSH-%EC%A0%91%EC%86%8D%ED%95%98%EA%B8%B0 https://velog.io/@jenori_dev/AWS-VS-Code%EC%97%90%EC%84%9C-AWS-SSH-%EC%A0%91%EC%86%8D%ED%95%98%EA%B8%B0 Tue, 26 Jul 2022 04:24:58 GMT

로컬 Visual Studio Code에서 AWS SSH 접속하는 방법을 알아보도록 하겠습니다.

  • 우선 VS Code와 연결할 EC2 인스턴스를 먼저 생성했다는 가정하에 진행해볼게요.
  • 저는 macOS환경에서 진행했습니다.

1. 사전 Extensions 프로그램 설치

Extensions에서 remote ssh를 검색한 후, Remote-SSH를 설치해주세요.

2. 로컬에서 VS code를 연 후, command+shift+P를 눌러 콘솔창을 띄워주세요.

3. 콘솔창에 remote ssh를 입력

(1) Remote-SSH: Connect to Host 클릭 (2) Configure SSH Hosts 클릭 (3) ~/.ssh/config 클릭 (4) Config 파일 수정

아래와 같이 수정!

Host   접속이름(EC2 별명: 아무렇게나 설정하셔도 돼요.)
     HostName  EC2 인스턴스 퍼블릭 IP
     User   사용자 이름 (ubuntu상의 인스턴스라면 사용자이름을 ubuntu로 설정)
     IdentityFile   pem 파일 경로
  • _<참고> HostName에 들어갈 퍼블릭 IP 주소_
  • 5. 잘 연결됐는지 확인하기 (VS code 껐다가 다시 켠 후 확인하는 것을 추천!)*
  • - (1) command+shift+P를 눌러 콘솔창을 띄운 후, Remote-SSH: Connect to Host 클릭

(2) 위의 3번 Host에서 수정한 이름으로 추가된 EC2를 클릭하면 새로운 창이 뜨면서 접속한 것을 확인할 수 있습니다. _<참고> Remote Explorer에서도 연결된 것을 확인할 수 있습니다. _

아직은 AWS를 사용할 때마다 복잡하고 어렵습니다... 하지만 실무에선 협업을 위해 클라우드 상에서 일을 많이 하기 때문에 AWS를 사용해보는 것은 참 중요한 것 같아요. 모두 홧팅하세요!

]]> <![CDATA[[airflow] 맥 터미널에서 에어플로우 설치하기]]> https://velog.io/@jenori_dev/airflow-%EB%A7%A5-%ED%84%B0%EB%AF%B8%EB%84%90%EC%97%90%EC%84%9C-%EC%97%90%EC%96%B4%ED%94%8C%EB%A1%9C%EC%9A%B0-%EC%84%A4%EC%B9%98%ED%95%98%EA%B8%B0 https://velog.io/@jenori_dev/airflow-%EB%A7%A5-%ED%84%B0%EB%AF%B8%EB%84%90%EC%97%90%EC%84%9C-%EC%97%90%EC%96%B4%ED%94%8C%EB%A1%9C%EC%9A%B0-%EC%84%A4%EC%B9%98%ED%95%98%EA%B8%B0 Sun, 24 Jul 2022 17:03:12 GMT 안녕하세요. 오늘은 터미널에서 airflow를 설치하고 웹서버를 여는 방법을 알아보겠습니다.

Airflow는 airbnb에서 개발되어 2016년에 공개되었고, 현재는 아파치의 탑레벨 프로젝트로 등록된 워크플로우 관리 도구입니다.

  • 사전에 아나콘다 설치 후, macOS 터미널에서 진행했습니다.
    1. 터미널을 키신 후, 자동 활성화된 아나콘다 환경을 재설정해주세요. 
    $ conda create -n [가상환경이름]_env python=3.7
    1. Proceed ([y]/n)? 에서 y를 누르신 후, 방금 만든 가상환경을 활성화시키겠습니다. 
$ source activate [가상환경이름]_env
  • 위의 문장을 실행하면 환경이 (base)에서 새로운 가상환경으로 바뀌게 됩니다.
    1. airflow 설치 및 확인
    pip3 install apache-airflow
  • 설치 후, 잘 설치되었나 확인하기 위해서 airflow를 수행해보세요.

  • 또는 아래 문장을 차례대로 수행하여 디렉토리 파일에 airflow가 설치되었는지 확인해보세요.

    $ cd airflow
$ ls

    1. airflow 계정 생성, dag파일 생성, airflow web server 실행하기

  • 터미널에서 아래 문장을 수행하여 계정을 생성하세요.

    $ airflow users create -u admin -p admin -f [이름] -l [성] -r Admin -e admin@admin.com
    • airflow 내부에 dag폴더 생성 (우리가 원하는 dag 파일을 넣을 폴더를 생성하는 것입니다.) 
      $ mkdir dags

- 터미널에서 아래 문장을 수행하여 데이터 베이스를 초기화하세요

$ airflow db init

![](https://velog.velcdn.com/images/jenori_dev/post/86bc3f01-68ff-41d5-9197-099e5171e0c3/image.png)
- airflow 웹 서버 실행하기(저는 주피터 노트북 포트(localhost:8888)에 연결했습니다.)

$ airflow webserver -p 8888

```

  • localhost:8888 으로 들어가서 airflow 웹 서버가 실행되는지 확인해주세요. 뭐든지 프로그램 설치부터 막히면 의욕이 확 꺾이는 것 같아요. 그래서 윈도우보단 맥을 선호하는 이유이기도 하죠. 윈도우보단 쉽게 터미널을 통해서 프로그램을 설치할 수 있으니까요. 그래도 여러 명령어를 수행하다보면 멘붕이 오는건 어쩔 수 없네용...
]]> <![CDATA[[AWS] ec2 인스턴스 생성하기]]> https://velog.io/@jenori_dev/AWS-ec2-%EC%9D%B8%EC%8A%A4%ED%84%B4%EC%8A%A4-%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0 https://velog.io/@jenori_dev/AWS-ec2-%EC%9D%B8%EC%8A%A4%ED%84%B4%EC%8A%A4-%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0 Sun, 24 Jul 2022 07:47:34 GMT

AWS상에서 kafka를 사용하기 위해서 먼저 인스턴스를 생성해보도록 하겠습니다.

  1. aws 로그인 후 EC2 접속

  2. EC2 인스턴스 생성 (1) 인스턴스 시작 클릭 인스턴스 이름을 먼저 지정한다. (2) 프리티어 사용 나는 기존에 사용해오던 ubuntu 기반의 AMI 프리티어를 사용했다. (3) 키 페어 생성 (주의: 다운받은 pem파일은 소중하게 간직할 것!) (4) 인스턴스 시작 클릭

  3. 인스턴스 실행 확인

]]>