1. 프로젝트 폴더를 생성할 위치로 이동 후 터미널을 킨다.

vscode 이용을 추천한다.

(터미널 단축키 : control+shift+~)

npx create-react-native-app

2.위의 코드를 입력하면 아래와 같이 나온다. 원하는 앱의 이름을 입력 후 엔터 꾹

3.Default new app을 선택한다.

아래와 같이 해당 과정들이 실행되며 새로운 파일들이 생성된다.

설치가 끝나면 아래와 같은 화면이 나온다.

npm run android
npm run ios npm run web

4.총 3가지의 실행 옵션 중 선택하여 실행한다. 참고로 web은 서비스가 중단되었다.

android나 ios 개발을 목표로 한다면 각각 해당하는 시뮬레이터를 설치해야 한다.

vi [파일명] 입력시 파일명 파일을 열어서 보여주고 파일이 존재하지 않을시에는 파일명과 동일한 이름을 갖는 새 파일을 생성해준다.

이런식으로 창이 뜬다. 이때 i를 누르면 입력모드로 전환된다. 파일 안에 내가 작성하고 싶은 내용을 적은 후 esc를 누르면 입력모드가 종료된다. 그 후 :wq 입력시 저장 후 종료된다. 추가 명령어는 밑에다가 정리하겠다.

앞으로 공부하면서 내가 사용할 명령어들을 수시로 이 글에 추가해야겠다.

1. ls - 현재 위치의 파일 조회

• ls -a - 숨김 파일 표시
• ls -t - 파일을 최신 생성 순서로 정렬

2. cd - 디렉토리 이동

cd var - var 디렉토리로 이동

cd .. - 상위 디렉토리로 이동

cd/ - 최상위 디렉토리로 이동

3. touch - 0바이트 크기의 파일 생성, 파일의 날짜와 시간 수정

touch phpinfo -> phpinfo 파일 생성

4. mkdir - 디렉토리 생성

mkdir chicken -> chicken 디렉토리 생성

5. cp - 파일 복사

6. mv - 파일 이동

7. rm - 파일 삭제

8. cat - 파일의 내용을 화면에 출력, 리다이렉션 기호('>')를 사용하여 새로운 파일 생성

9. redirection - 화면의 출력 결과를 파일로 저장

인터넷이란?

Data를 전달하는 장치들이 이루는 거대한 네트워크 (망)이다.

인터넷은 다양한 entity로 이루어져있다.

-Network edges

network edges는 end system과 host로 이루어져있다 end system이란 인터넷과 연결된 가장 끝단의 존재이다. 즉 application이 구동되는 존재이다 여기서 application이란 우리가 흔히 사용하는 Chrome, micro edge, Internet explore을 의미한다.

-Access networks

access networks는 유선상으로 digital subscriber line(DSL), cable internet access, fiber to the home(FTTH) 이렇게 구성되어있다. DSL은 간단히 우리가 사용해온 전화선을 이용하여 고속의 디지털 전송을 할 수 있는 기술이다. FTTH는 요즘 가정집에서도 흔히 사용하는 광케이블이라고 생각하면된다. 광섬유의 특징을 살려 초고속 전송이 가능하다.

반면 무선상으로는 WIFI, LTE, 3G, 4G, 5G, bluetooth등이 있다.

유선과 무선의 장단점

유선의 장점으로는 los에 강하며 delay가 많지않다. 반면 단점으로는 사용자가 많을수록 확장성(scalability)의 문제점이 있다. 예를 들어 20명이 인터넷을 사용해야하는 경우가 있는데 유선 포트는 3개 밖에 없는 그런 상황인 것이다.

무선의 장점으로는 사용자의 수에 따라 상황이 다르기에 유동성(mobility)의 지속적인 발전이 이어지고있다. 또한 유선에서의 단점인 확장성의 문제가 해결되었다. 또한 표준화가 되며 발전하기에 사용하기 쉽다.

-Network Core

network의 핵심부분이다 마치 우리 몸의 척추 역할을 하는 것이다. network core에는 크게 packet switch가 있다. 그전에 packet이란 무엇인가 packet은 네트워크를 사용해서 전송하기 위해서 일정한 단위로 나눈 데이터 전송 단위이다. packet switch는 패킷을 교환하는 것이다. 이런 packet switches에는 routers 그리고 link-layer switches가 있다.

router란 루트를 만들어주는 역할이다 즉 길을 만들어주는 것이다

link-layer switches는 router과 동일하게 쓰인다. 즉 그냥 router라고 생각하면 쉽다.

이렇게 구성된 network core는 store-and-forward transmission 방식을 사용하는데 이는 router나 혹은 link-layer switch에 들어온 정보를 저장한 후에 적절한 시기에 보내주는 방식이다.

사실 학교 강의를 듣고 복습할 겸 블로그에 적어보려 했는데.. 아직 핵심 부분이 뭔지 정확히 파악이 안돼서 부족한 공부를 더 진행 한 후에 다시 작성하겠다..

mbti 테스트 페이지를 만들던 중 테스트 페이지들에 공통으로 들어가야 하는 코드들이 있어 기존 테스트 페이지에서 공통된 부분을 test_base.html에 따로 만들어 extend 하여 사용했다. 기존 test_n.html 들과 test_base.html은 같은 폴더에 있었지만 테스트 페이지가 많아졌기에 따로 test_n.html을 test 디렉토리를 만들어 그 폴더 안에 정리해 줬다.

그랬더니..

이 에러는 내가 test_base에서 만든 mbtiScoreInit이라는 function을 인식되지 않음을 뜻한다.

총 3개의 function이 있었는데 이상하게도 맨 위에 있는 mbtiScoreInit만 작동하지 않았다.

분명 잘 작성했는데도 말이다.. 혹시나 하는 마음에 스크립트 위치도 이곳저곳 옮겨봤지만 똑같이 작동은 하지 않았다. 결국..

test_1.html에 직접 스크립트를 넣어버렸다. mbtiScoreInit이라는 기능은 mbti 테스트에서 점수를 측정하기 전 점수들을 0으로 초기화해주는 함수이기에 한 번만 작동하면 되기 때문이다.

사실 처음부터 이렇게 했으면 됐지만 뭔가 더 깔끔하게 정리하고 싶어서 많은 시간을 구글링해 보고 개발 장인 친구한테도 물어봤지만 해결하지 못했다. 빠른 시일 내에 해결하여 해결법을 올리겠다.

03.13 방법을 찾았다.

스크립트를 html내에 작성하는게 아니라 js로 따로 작성하여 적용시키는 것이다. 생각보다 간단했는데 자꾸 에러에만 집착하다보니 생각을 돌려하지 못했다. 그래서 js폴더를 새로 파서 정리를 할까 생각했지만 생각보다 자바스크립트를 그렇게 많이 사용하지 않아 위에 기존 방법대로 유지하기로 했다. 나처럼 에러를 해결하지 못했던 사람들은 js로 따로 스크립트를 정리하여 호출하는 방법으로 시도해보기를 바란다.

코드를 수정하지 않았는데도 main branch에서 pull을 하다 보면 이런 오류 메세지가 뜰때가 있었다.

이럴때는

git fetch <branch>
git reset --hard origin/<branch>
git pull origin <branch>

위 코드를 따라 입력하면 된다.

git fetch <branch>

git fetch <branch 명>은 원격저장소에서 데이터를 가져오는 것이다.

git pull origin처럼 merge를 시키는 것이 아니기에 합치지 않는다.

개인이 아닌 팀으로써 개발 과정중 같은 파일을 수정하는 경우가 있다.

그럴때 fetch 명령을 한 후에 merge 명령을 입력하는 것이 좋다

git reset --hard origin/<branch>

git reset --hard origin/<branch 명>은 현재 로컬저장소 즉 내 pc의 서브브랜치에 있는 내용과 변경사항을 버리고 원격저장소의 main과 동일하게 만드는 것이다. 나는 push후에 작업을 하지않고 main에서 pull을 한거기에 서브브랜치에 있는 내용과 변경사항을 버려도 상관이 없었다.

git pull origin <branch>

모든 작업은 끝났다. 이제 다시 pull만 하면 멀쩡히 pull이 완료된다.

위의 코드들을 따라하게되면 강제 pull을 하게된다. 혹시나 작업을 한 후 push를 하지 않고 pull을 했다면 위 내용을 따라하지 않는 것을 추천한다. 아 혹시나 틀린 부분이 있으면 댓글로... 알려주시길...