2. 웹개발
-
[React] 'react-scripts'은(는) 내부 또는 외부 명령 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. yarn run, yarn start, npm npm start 모두 다음과 같은 에러를 뱉어 낸다. - yarn start 에러 - npm start 에러 CLIENT_PLUGIN_AUTH is required ▶ 1. 오류 현상 - 환경 : mysql 서버 버전 : 5.1.73 - 접속시도하려는 mysql-connector-java version : 8.0.xx ▶ 2. 문제점 - 원래 yarn에는 start라는 명령어가 없다. yarn start 라는 명령어나 환경변수가 설치되어 있지 않으므로 생기는 에러이다. - yarn start시 yarn run이라고 정의된 명령이 실..
[React] 'react-scripts'은(는) 내부 또는 외부 명령 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.[React] 'react-scripts'은(는) 내부 또는 외부 명령 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. yarn run, yarn start, npm npm start 모두 다음과 같은 에러를 뱉어 낸다. - yarn start 에러 - npm start 에러 CLIENT_PLUGIN_AUTH is required ▶ 1. 오류 현상 - 환경 : mysql 서버 버전 : 5.1.73 - 접속시도하려는 mysql-connector-java version : 8.0.xx ▶ 2. 문제점 - 원래 yarn에는 start라는 명령어가 없다. yarn start 라는 명령어나 환경변수가 설치되어 있지 않으므로 생기는 에러이다. - yarn start시 yarn run이라고 정의된 명령이 실..
2021.12.07 -
3. React 엘리먼트 렌더링 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ React 엘리먼트 렌더링 (Component 이해 전 읽어보기) ] 입니다. : ) 리액트 공식 문서, 자습서에서는 컴포넌트를 알아보기 앞서 엘리먼트 렌더링이라는 내용을 기술하고 있어, 이부분도 가볍게 살펴 보고 가려고 한다. 이번장은 거의 공식문서의 내용이 다이니, 해당 문서를 참고하는것도 좋을 것 같다. https://ko.reactjs.org/docs/rendering-elements.html 1. 엘리먼트란? - 리액트에서의 가장 작은 단위 이다. - 화면에 표시할 내용을 기술 한다. ex) 엘리먼트 예시 const element = hello, GodDaeHee!~; - 위의 예시에서 보듯, 우리가 예전에 사용하던 ..
[React] 3. React 엘리먼트 렌더링3. React 엘리먼트 렌더링 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ React 엘리먼트 렌더링 (Component 이해 전 읽어보기) ] 입니다. : ) 리액트 공식 문서, 자습서에서는 컴포넌트를 알아보기 앞서 엘리먼트 렌더링이라는 내용을 기술하고 있어, 이부분도 가볍게 살펴 보고 가려고 한다. 이번장은 거의 공식문서의 내용이 다이니, 해당 문서를 참고하는것도 좋을 것 같다. https://ko.reactjs.org/docs/rendering-elements.html 1. 엘리먼트란? - 리액트에서의 가장 작은 단위 이다. - 화면에 표시할 내용을 기술 한다. ex) 엘리먼트 예시 const element = hello, GodDaeHee!~; - 위의 예시에서 보듯, 우리가 예전에 사용하던 ..
2021.12.06 -
2. JSX란? (정의, 장점, 문법) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ [React 에서 사용하는 JSX ] 입니다. : ) 이번엔 React에서 자주 사용하게될 JSX에 대해 알아보도록 하자. 1. JSX란? - JSX(Javascript Syntax eXtension)는 Javascript 확장한 문법이다. - JSX는 리액트로 프로젝트를 개발할 때 사용되므로 공식적인 자바스크립트 문법은 아니다. - 브라우저에서 실행하기 전에 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환된다. ex) // 실제 작성할 JSX 예시 function App() { return ( Hello, GodDaeHee! ); } // 위와 같이 작성하면, 바벨이 다음과 같이 자바스크립트로 해석하여 준다. f..
[React] 2. JSX란? (정의, 장점, 문법)2. JSX란? (정의, 장점, 문법) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ [React 에서 사용하는 JSX ] 입니다. : ) 이번엔 React에서 자주 사용하게될 JSX에 대해 알아보도록 하자. 1. JSX란? - JSX(Javascript Syntax eXtension)는 Javascript 확장한 문법이다. - JSX는 리액트로 프로젝트를 개발할 때 사용되므로 공식적인 자바스크립트 문법은 아니다. - 브라우저에서 실행하기 전에 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환된다. ex) // 실제 작성할 JSX 예시 function App() { return ( Hello, GodDaeHee! ); } // 위와 같이 작성하면, 바벨이 다음과 같이 자바스크립트로 해석하여 준다. f..
2021.12.03 -
1. React 시작하기(2) 리액트의 주요 특징 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ [React의 주요 특징 ] 입니다. : ) 실전으로 들어가기 앞서 리액트의 가장 큰 특징을 알아보고 넘어 가려 한다. 1. 리액트(React)란? - React는 자바스크립트 라이브러리로 SPA(Single Page Application)을 위한 사용자 인터페이스를 구축하는데 사용된다. - 웹, 모바일 앱 등의 view layer를 처리하는 데 사용된다. - 페이지를 다시 로드하지 않고 데이터를 변경할 수 있도록 가상 돔(Virtual DOM)을 사용하여 웹 애플리케이션의 퍼포먼스를 최적화한 라이브러리이다. 2. 리액트의 특징 1. 컴포넌트(Component) - 리액트는 컴포넌트 기반의 라이브러리이다. -..
[React] 1. React 시작하기(2) - React의 주요 특징1. React 시작하기(2) 리액트의 주요 특징 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ [React의 주요 특징 ] 입니다. : ) 실전으로 들어가기 앞서 리액트의 가장 큰 특징을 알아보고 넘어 가려 한다. 1. 리액트(React)란? - React는 자바스크립트 라이브러리로 SPA(Single Page Application)을 위한 사용자 인터페이스를 구축하는데 사용된다. - 웹, 모바일 앱 등의 view layer를 처리하는 데 사용된다. - 페이지를 다시 로드하지 않고 데이터를 변경할 수 있도록 가상 돔(Virtual DOM)을 사용하여 웹 애플리케이션의 퍼포먼스를 최적화한 라이브러리이다. 2. 리액트의 특징 1. 컴포넌트(Component) - 리액트는 컴포넌트 기반의 라이브러리이다. -..
2021.11.29 -
[React] 1. React 시작하기 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ [React 시작 하기 ] 입니다. : ) 0. 프론트 프레임워크 선택에 대한 고찰 - React를 시작하기 앞서, 왜 리액트를 공부하기로 생각했었는지에 대해 간단히 작성 해두려 한다. - 이 부분도 상당히 길다보니, 무시하고 바로 환경 설정부터 보시려면 > [클릭] 1. 프론트 개발 언어의 변화 - 내가 알고있는 범위 한정이겠지만, 프론트 만큼 변화가 빠른 언어, 프레임워크는 없는 듯 싶다. - 데충 스쳐 지나갔던, 프론트 관련 키워드만 모아봐도 하기 예시 정도가 된다. ex) jsp, jquery, mustache, jstl, velocity, Freemarker, vanilla js, vue.js, react - ..
[React] 1. React 시작하기(1) - 환경 설정[React] 1. React 시작하기 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ [React 시작 하기 ] 입니다. : ) 0. 프론트 프레임워크 선택에 대한 고찰 - React를 시작하기 앞서, 왜 리액트를 공부하기로 생각했었는지에 대해 간단히 작성 해두려 한다. - 이 부분도 상당히 길다보니, 무시하고 바로 환경 설정부터 보시려면 > [클릭] 1. 프론트 개발 언어의 변화 - 내가 알고있는 범위 한정이겠지만, 프론트 만큼 변화가 빠른 언어, 프레임워크는 없는 듯 싶다. - 데충 스쳐 지나갔던, 프론트 관련 키워드만 모아봐도 하기 예시 정도가 된다. ex) jsp, jquery, mustache, jstl, velocity, Freemarker, vanilla js, vue.js, react - ..
2021.09.27 -
[AWS] 10-1.EC2 MySql 설치 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ [AWS] EC2에 MySql 설치하기 ] 입니다. : ) 1. MySql 직접 설치 1. 설치 가능 여부 확인 sudo yum list mysql* - yum list를 확인해보니 mysql server가 존재하지 않는다. 분명히 예전엔 yum 을 통해 설치가 가능했었던 것 같은데, 다른 방법을 통해 설치. - 편의상 루트 계정으로 전환하여 설치 시작. sudo su 2. 최신 버전 MySql 다운로드 및 설치 - 현재 시점에서, 최신 mysql 버전 확인 https://dev.mysql.com/downloads/repo/yum/ - 다음 명령어로 현재 나의 linux 환경에 맞는 버전 다운로드 및 설치 wget ..
[AWS] 10-1.EC2 MySQL 설치[AWS] 10-1.EC2 MySql 설치 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ [AWS] EC2에 MySql 설치하기 ] 입니다. : ) 1. MySql 직접 설치 1. 설치 가능 여부 확인 sudo yum list mysql* - yum list를 확인해보니 mysql server가 존재하지 않는다. 분명히 예전엔 yum 을 통해 설치가 가능했었던 것 같은데, 다른 방법을 통해 설치. - 편의상 루트 계정으로 전환하여 설치 시작. sudo su 2. 최신 버전 MySql 다운로드 및 설치 - 현재 시점에서, 최신 mysql 버전 확인 https://dev.mysql.com/downloads/repo/yum/ - 다음 명령어로 현재 나의 linux 환경에 맞는 버전 다운로드 및 설치 wget ..
2021.08.24