WEB FE

create-react-app 설치하기

/***  node.js 가 이미 설치되어 있었기 때문에 관련 과정은 생략 ***/

1. visual studio code 에서 powershell terminal 창 실행 및 server 설치

  ->  npm install -g serve 

  ->  해당 pc 에서는 이미 권한이 승인되어 있었기 때문에 powershell 에서 sudo 코드의 실행이 필요하지 않았음

2. server 의 실행이 완료되었는지 확인

  -> serve -s build

React 의 특징(1) - 기능적 특징

1. Component

  -> 컴포넌트화 가능 

  -> 각 컴포넌트 개별 랜더링 가능 

2. Reusability

  -> 컴포넌트 단위로 이루어져 있기 때문에 재사용성 증가 

  -> 가독성 증대

React 의 특징(2) - 범용적 특징

> 글로벌 기업 Facebook 의 지원으로 개발된 라이브러리 (프레임워크) 로 활발한 업데이트 중

> React Native 를 배우면 웹뿐만 아니라 모바일 앱까지 개발 가능

 처음만난 React - 학습개요

-

React 소개

JSX 소개

Rendering Elements

Components and Pros

State and Lifecycle

Handling Events

Conditional Rendering

Lists and Keys

Forms

Lifting State Up

Composition vs Inheritance

지금은 바로 이클립스를 실행해야 하기에 정확한 원인은 추후에 확인해봐야겠다..

일단 이클립스를 온전히 켜기위해 시도해보아야 할 것들을 '귀찮음 정도: 하 --> 상' 으로 정리해 본다.

시도1. eclipse.ini 파일 수정

• eclipse.ini 파일 내 -vmargs 상단에 -vm JDK폴더위치/bin/javaw.exe 코드 삽입
  • javaw.exe 나 java.exe 나 java 를 구동시키는 역할을 하는 것에서는 차이가 없음
  • javaw.exe 를 삽입하는 것은 eclipse 에서 java 를 읽어오지 못하는 경우에 한해 먹힐 시도 임
• 저장 후 eclipse 실행

  후기)

• 문제해결 안됨
• java JDK 경로를 찾지 못해서 발생한 오류는 아니었음
  ( workspace 관련 팝업창까지는 실행되었기 때문 )
• eclipse 실행 시 eclipse 로고만 깜빡이는 현상, 로딩화면만 깜빡이고 금방 사라지는 현상 등 eclipse 자체가 나타나지 않는 경우에 해볼법한 시도

시도2. workspace 내 \.metadata 폴더 하위  workbench.xmi 파일 삭제

• 구동하려는 workspace 내 .metadata/.plugins/org.eclipse.e4.workbench 폴더 하위 workbench.xmi 파일 삭제
• eclipse 실행

  후기) 

• 문제해결 완료
• workspace 내 .log 파일을 확인하여 오류가 나는 부분을 정확히 확인하여 그 부분을 해결하는 것이 정석이나
  .log 파일 내 기록이 남지 않아 정석대로 해결하지는 못함
• workbench.xmi 파일은 eclipse 종료 후 다시 workspace 를 열었을 때, 마지막에 작업하고 있던 파일을 포함하여 기타 설정들이 유지되도록 저장하는 역할을 한다.
• eclipse 실행 및 workspace 설정 후 로딩창에서 더 이상 실행되지 못하고 멈추어 버리는 현상에 해결가능한 시도 

* HTML Entity 사용이유는?

: Markup 과의 충돌을 막기 위해 사용하며, html 에서의 특정 캐릭터들과의 표기 혼란을 막기위함.

출처: https://blog.outsider.ne.kr/380

출처: www.freeformatter.com/html-entities.html