공대생의 노트

프로젝트를 생성하고자 하는 위치로 이동해서 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사용

클래스를 사용해 객체를 생성하면 객체마다 자신의 필드를 가진다.

각 객체는 독립적이고 다른 기억 공간을 사용한다. 다른 개체에게 영향을 주지 않는다.

같은 클래스의 객에끼리 공유해야할 데이터가 필요한 경우가 발생한다.

모든 객체가 공유할 수 있는 변수가 있어야 한다.

이때 사용하는 것이 static 키워드이다. 

static 키워드를 사용하면 클래스의 필드를 공유할 수 있다. = 정적변수(static variable) = 클래스 변수(class variable)

static 키워드를 사용하지 않은 필드는 공유되지 않고 인스턴스마다 자신의 필드를 생성한다. = 인스턴스 변수(instance variable)

인스턴스 변수는 객체별로 관리된다. 객체를 생성할 때 인스턴스 변수도 생성하므로 객체를 생성한 후에야 접근할 수 있음, 객체가 소멸될 때 자동으로 소멸된다. 객체를 여러개 생성하면 인스턴스 변수도 여러 개 생성된다.

정적 변수는 클래스 로더가 클래스를 메서드 영역에 적재할 때 생성하므로객체 생성 전에도 접근할 수 있다. 객체를 여러 개 생성해도 정적 변수는 하나 뿐이며 모든 객체가 공유한다.

※ 주의사항

객체와 관련된 인스턴스 변수를 사용할 수 없다.
객체와 관련된 인스턴스 메서드를 호출할 수 없다.
객체 자신을 가리키는 this 키워드를 사용할 수 없다.