본문 바로가기
반응형

분류 전체보기294

[React] 2. JSX란? (정의, 장점, 문법) 2. JSX란? (정의, 장점, 문법) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ [React 에서 사용하는 JSX ] 입니다. : ) 이번엔 React에서 자주 사용하게될 JSX에 대해 알아보도록 하자. 1. JSX란? - JSX(JavaScript XML)는 Javascript에 XML을 추가한 확장한 문법이다. - JSX는 리액트로 프로젝트를 개발할 때 사용되므로 공식적인 자바스크립트 문법은 아니다. - 브라우저에서 실행하기 전에 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환된다. ex) // 실제 작성할 JSX 예시 function App() { return ( Hello, GodDaeHee! ); } // 위와 같이 작성하면, 바벨이 다음과 같이 자바스크립트로 해석하여 준다. func.. 2021. 12. 3.
[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 시작하기(1) - 환경 설정 [React] 1. React 시작하기 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ [React 시작 하기 ] 입니다. : ) 0. 프론트 프레임워크 선택에 대한 고찰 - React를 시작하기 앞서, 왜 리액트를 공부하기로 생각했었는지에 대해 간단히 작성 해두려 한다. - 이 부분도 상당히 길다보니, 무시하고 바로 환경 설정부터 보시려면 > [클릭] 1. 프론트 개발 언어의 변화 - 내가 알고있는 범위 한정이겠지만, 프론트 만큼 변화가 빠른 언어, 프레임워크는 없는 듯 싶다. - 데충 스쳐 지나갔던, 프론트 관련 키워드만 모아봐도 하기 예시 정도가 된다. ex) jsp, jquery, mustache, jstl, velocity, Freemarker, vanilla js, vue.js, react - .. 2021. 9. 27.
[ chocolatey ] Windows용 패키지 매니저 chocolatey 설치 하기 Windows용 패키지 매니저 chocolatey 설치 하기 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ chocolatey 설치하기 ] 입니다. : ) 0. Chocolatey란? - Chocolatey (약칭 Choco) : 윈도우에서 사용할 수 있는 커맨드 라인 패키지 매니저 이다. - 즉, Linux에서 사용하던 커맨드라인 패키지 매니저인 apt(apt-get), yum Mac에서 사용하던 Homebrew 처럼 패키지 설치 / 업데이트 / 삭제 등 에 사용하는 Windows용 패키지 매니저 이다. - 물론 MS 에서 공식으로 제공하는 도구는 아니다. 1. Chocolatey 설치하기 1. 설치 준비 - 다음 경로로 접속 https://chocolatey.org/install#install-wit.. 2021. 9. 27.
[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. 8. 24.
[ VSCode ] VSCode - VSIX 설치, Extension 오프라인 설치 [ VSCode ] Visual Studio Code - VSIX 다운로드 및 설치, Extension 오프라인 설치 안녕하세요. 갓대희 입니다. 이번 포스팅에선 Visual Studio Code VSIX 파일, Extension을 오프라인환경(인터넷이 지원되지 않는 환경에서)에서 설치 해보려 합니다. :- ) 인터넷이 사용 가능한 환경에서는 vscode extension market에서 확장프로그램 조회/다운로드/설치하면 된다. 하지만, 간혹 인터넷이 사용불가능한 환경, 업무망 등에서 VSCode를 사용해야하고, 확장프로그램(Extension)을 설치해야할 경우가 있다. 이런경우를 위하여 간단히 설치하는 방법을 알아보도록 하자. 0. 확장 설치파일(.vsix) 다운로드 하기 #1. VSCode 확장 프.. 2021. 7. 12.
[mysql] CLIENT_PLUGIN_AUTH is required [mysql] CLIENT_PLUGIN_AUTH is required CLIENT_PLUGIN_AUTH is required ▶ 1. 오류 현상 - 환경 : mysql 서버 버전 : 5.1.73 - 접속시도하려는 mysql-connector-java version : 8.0.xx ※ 문제점 - SSL 미사용 에러 => 간단히 url에 파라미터를 추가하여 해결 가능하다. ex) verifyServerCertificate=false&useSSL=false ex) verifyServerCertificate=false&useSSL=false - 혹시 위와 같이 파라미터를 추가하여도 안되는 경우 mysql 서버 버전과 mysql-connector-java 버전이 상이 하여 발생하는 오류이다. - 해결 방법1 : .. 2021. 2. 8.
[explorer] 'Promise'이(가) 정의 되지 않았습니다. [explorer] 'Promise'이(가) 정의 되지 않았습니다. 'Promise' 미정의 오류 ▶ 1. 오류 현상 - 환경 : Explorer 브라우저 - 먼저 간단히 저 Promise가 무었인지 짚고 넘어 가자면, 최근 많은 라이브러리(Grid 등등)에서 비동기 처리, 동기화 처리를 위하여 JavaScript Promise개체를 많이 사용 하고 있다. ※ 문제점 최신 브라우저 에서는 이상없이 동작 하지만 IE(Internet Explorer)에서 해당 오류를 발견하는 일이 간혹 발생 할 것이다. - 현재 MS에선 공식적으로 IE에 대한 업데이트, 지원은 없을 것으로 발표 하였고, IE 11 버전에서도 promise를 지원하지 않는 상황 이다. - 솔직히 이번에 어도비, 크롬 등 Flash를 지원안함.. 2021. 2. 2.
Ajax Load Error: ReferenceError: 'fetch'이(가) 정의 되지 않았습니다. Ajax Load Error: ReferenceError: 'fetch'이(가) 정의 되지 않았습니다. 'fetch' 미정의 오류 ▶ 1. 오류 현상 - 환경 : Explorer 브라우저 11버전 - 웹 개발시 ajax통신을 사용하게 되는데, XHR은 성능상, 그리고 JQuery는 추세상 사용하지 않기 때문에 Fetch를 사용하는 경우가 늘었었다.(현재는 Front개발을 잘 하지 않기 때문에 확인 해보지 않았다.) 이에 Fetch를 이용한 라이브러리를 편하게 사용하거나, 개발할 경우 위와 같은 에러를 발견한 경우가 많을 것이라고 추측 된다. - 문제 해결 이전에 미리 적어 두지만 fetch는 Promise를 반환 하기때문에 혹시라도 하기 조치를 다 취해 보아도 해결되지 않은 경우 polyfill.js관련.. 2021. 2. 2.
[ VSCode ] Visual Studio Code 설치하기(및 추천 플러그인 설치) [ VSCode ] Visual Studio Code 설치하기(및 추천 플러그인 설치) 안녕하세요. 갓대희 입니다. 이번 포스팅에선 Visual Studio Code를 설치 해보려 합니다. :- ) 웹개발을 하다보면 어떤 IDE를 사용할지 고민하곤 한다. 개발자라면 다음의 에디터들 중 몇가지를 꼭 들어보거나 사용 해보았을 것이다. - Sublime Text3 - UltraEditor - Notepad++ - Atom - WebStorm - Visual Studio Code 선택의 기준은 유/무료 여부, 속도, 한글 지원여부, 다양한 플러그인 지원 여부 등이 있을 것이다. 이중 오늘은 Visual Studio Code를 사용하기위해 설치해 보려 한다.간단한 특징은 다음과 같으니 참고 하자. - 윈도우, 맥.. 2021. 1. 18.
[ 파이썬 ] Window10 파이썬(python) 설치하기 [ 파이썬 ] Window10 파이썬(python) 설치하기 안녕하세요. 갓대희 입니다. 이번 포스팅에선 윈도우 10 환경에서 파이썬을 설치 해보려 합니다. :- ) 파이썬(python)은 1991년, 네덜란드 프로그래머 귀도 반 로섬에 의해 발표된 프로그래밍 언어이고, 로고의 이미는 "비단뱀" 이다. 사용하는 목적은 다양하다. 시스템 소프트웨어 개발, 인공지능 개발, 웹 페이지/서비스 개발 그리고 웹개발자들에게는 파이썬을 크롤링을 하기위해 가볍게 배운다는지 익숙할 것이다. 특징으로는 자바와 같이 플랫폼에 독립적이며, 객체지향 언어이다. 활용 사례로는 아나콘다(리눅스 설치 프로그램), 장고, 메일맨, 드롭박스(DropBox), 구글지도, 인스타그램, 구글 메일, 딥러닝 라이브러리 등에 활용된 사례들이 유.. 2021. 1. 18.
[ Node.js ] Window10 노드js 설치하기 [ Node.js ] Window10 노드js 설치하기 안녕하세요. 갓대희 입니다. 이번 포스팅에선 윈도우 10 환경에서 nodejs를 설치 해보려 합니다. :- ) 노드JS(Node.js)는 Chrome V8 Javascript 엔진으로 빌드된 오픈 소스이다. 사용하는 목적은 서버의 기능을 구현하기 위해서, vue.js 프로젝트를 구성하기 위해서, 또 본인이 원하는 봇과 관련하여 등등 여러가지 이유로 설치 하게 된다. 설치방법은 매우 간단하다. node.js 공식 사이트에서 노드 LTS버전의 .msi 파일을 다운로드하여 실행 및 설치하면 끝이다. 다만 오늘은 또 다른 방법으로 노드를 설치해 볼까 한다. 0. NVM #1. NVM 다운로드 및 설치 - NVM : Node Version Manager - .. 2021. 1. 18.
[ DBever ] 편리한 환경 설정(자동 완성끄기, 폰트 설정, Line 설정 등) [ DBever ] 편리한 환경 설정(자동 완성끄기, 폰트 설정, Line 설정 등) 안녕하세요. 갓대희 입니다. 이번 포스팅에선 DBever를 사용하다가 개인적으로 편리했던 환경설정 방법에 대해 작성하려 합니다. :- ) 귀여운 외모를 가진 동물 비버. 사용 하고 계신분들은 편하다고 칭찬하는 디비버 이다 :- ) 하지만 아무 설정 없이 사용한다면, 본인의 취향과 맞지 않아 불편할 수 있는데, 몇가지 설정 하는 방법을 알아볼까 한다. 0. 자동 완성 #1 소문자 자동 변경 >> 대문자 자동 변경 - 아마 sql을 작성하다보면 소문자로 자동 변경 되는 것을 경험하는 분들이 있을 것이다. 나와 같은 경우 sql 작성을 습관적으로 대문자로 하다보니 이를 대문자로 자동 변경하도록 하고 싶다. - 방법 : 파일 .. 2021. 1. 7.
[springboot] [intellij] [jpa] Cannot resolve table [springboot] [intellij] [jpa] Cannot resolve table JPA, Intellij 오류 ▶ 1. 오류 현상 - 환경 : IIntelliJ idea, Spring boot, MySql, JPA - 위와 같은 환경에서 작업 도중 다음과 같은 오류가 발생 하였다. Cannot resolve table '테이블명' - 위와 같은 에러 메세지를 무시하고 실행 해보아도 정상 동작 하는 것을 볼 수있다. 하지만 개발자라면 저런 오류 문구 하나에도 신경이 쓰이기 때문에 그냥 넘어 갈 수 없을 것이다. ▶ 2. 해결 방법 - 두가지 방법으로 해결 가능 하다. 1. 관련 벨리데이션 언체크하여 해결 " IntelliJ가 꼼꼼하게 검사를 해주고 있어 발생한다고 볼 수 있다. 너무 좋은 툴이다.. 2021. 1. 6.
[Java] 실수할 수 있는 날짜 형식(YYYY vs yyyy) [Java] 실수할 수 있는 날짜 형식(YYYY vs yyyy) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ [Java] 착각하기 쉬운 날짜 형식 (YYYY) ] 입니다. : ) 0.YYYY vs yyyy ▶ 0. 결론 - 결론부터 말하자면 일반적인 상황에서는 Date Format에 "YYYY"를 사용하지 않도록 하자. - 예를들어 오늘이 2020년 12월 31일(목) 인경우 예를 들어 보자면 다음과 같이 결과가 나온다. Date date = new Date(); // Thu Dec 31 01:33:05 KST 2020 System.out.println(new SimpleDateFormat("YYYYMMdd").format(date)); // 2021-12-31 System.out.println(new.. 2020. 12. 30.
반응형