공대생의 노트

react - 웹 애플리케이션 개발

react native - 모바일 애플리케이션 개발

프로젝트 생성 명령어도 다르다.

npx react-native init 프로젝트이름

npx create-expo-app 프로젝트이름

yarn create expo-app 프로젝트이름

셋 중에 골라 쓰면 된다.

프로젝트가 생성 완료 됐다.

프로젝트로 들어가서

npm start

QR 인식해서 접속하는 방법도 있는거 같은데

잘 모르겠고

웹에서 실행해보겠다.

localhost:8081로 접속하면

이런 화면이 나온다.

정상적으로 실행된거다!

프로젝트를 생성하고자 하는 위치로 이동해서 cmd열어주기 

이거 꿀팁인데 위치에서 cmd입력하면 바로 위치가 열린다!

yarn create react-app hello-react

명령어를 입력하고 실행하면 

프로젝트가 생성된다.

cd hello-react
yarn start

웹에 화면이 나타나면 정상적인 프로젝트이다.

1. Node.js 다운로드

https://nodejs.org/ko

node.js다운로드를 눌러 다운로드 받기

설치가 완료된 이후에 window + r 누르고 cmd입력하면 명령 프롬프트 창이 나타난다.

node -v

 명령어를 입력하면 node.js의 버전이 나타난다. 

나타나면 제대로 설치가 된 것이다.

node.js를 설치할 때 패키지를 관리해주는 npm이라는 도구가 설치된다.

npm -v

이 명령어도 입력해서 결과를 확인해보자

npm외에 yarn이라는 패키지 관리자 도구도 있는데 나는 npm을 사용할거다.

yarn의 장점으로는 npm보다 빠르고 효율적인 캐시 시스템등을 제공한다는데 나중에 찾아보고 괜찮은 것 같으면 갈아타고, 일단은 npm으로 진행한다.

VSC는 이미 설치되어 있어서 그냥 진행

EXTENSIONS에서 추가로

ESLint : 자바스크립트 문법 및 코드 스타일을 검사해주는 도구

Reactjs Code Snippets :리액트 컴포넌트 및 라이프 사이클 함수를 작성할 때 단축 단어를 사용하여 간편하게 코드를 자동으로 생성해낼 수 있는 코드 스니펫 모음이다. 

Prettier-Code formatter: 코드 스타일을 자동으로 정리해 주는 도구

Git도 기존에 설치되어 있어서 패스

깃허브로 협업을 하게되면 자주 보이는 용어들이 있다.

바로 AS-IS와 TO-BE이다.

AS-IS는 현재 상태나 모습. 즉, 개선되기 이전의 상태이다.

TO-BE는 미래의 이상적인 상태나 목표. 개선된 후의 상태

찾아보다보니 여기에 추가로 GAP이라는 게 존재하는 데

이는 AS-IS와 TO-BE사이의 차이를 분석해서 방향 제시를 해준다.

TO-BE로 가기 위해 어떤 노력을 해야 하는 지에 관한 정보를 작성하는 것이다.

데이터를 찾고자 하는 사이트에서 F12를 누르면 개발자도구화면이 나타난다.

여기 아이콘을 투르고 원하는 곳에 마우스를 가져가면 해당되는 코드들을 보여준다.

나타난 코드에서 원하는 부분을 가져다 사용하면 된다.

class, id, name, ...

만약 태그의 코드가 길다면 마우스 우클릭>copy 에서 원하는 부분을 복사해서 사용할 수 있다.

id의 경우에는 중간중간 역슬래시(\)가 들어가는데 이 부분은 지우고 사용하면 간편하게 사용할 수 있다. 

변수

상수

const를 사용한다.

const int myNum = 15;

생성된 가상환경 리스트
conda env list

가상환경 생성하기
conda create --name myenv

생성된 가상환경으로 접속
conda activate myenv

셀레니움 다운받기

셀레니움 다운
conda install selenium

y누르고 엔터 누르면 다운로드가 이어서 진행된다.

저기서 다운로드한다고 최신버전이 다운되는 것은 아닌 듯..?

계속 에러나서 검색해보니까 최신버전으로 업그레이드하면 정상적으로 작동한다고 해서 

pip install --upgrade selenium

명령어를 주니 정상적으로 동작하게 되었다..

시작은 근본인 Hello World! 출력하기

using System;

namespace HelloWorld
{
    internal class Program
    {
        static void Main(string[] args)
        {
            Console.WriteLine("Hello World!");
        }
    }
}

WrtieLine은 새 줄 삽입, Write는 새 줄 삽입 x

가독성을 위해 주로 WriteLine사용