본문 바로가기

분류 전체보기329

[React] 갑자기 발생하는 에러. ENOSPC System limit for number of file watchers reached 리액트(React)를 이용해서 개발을 하다보면 중간중간 에러를 잡기 위해서 열심히 확인해야 하는 부분들이 발생합니다. 저도 공부를 하던 도중에 발생되는 에러때문에 이런저런 로그들을 봐야할 때가 있죠. 오늘은 리액트(React)에서 start를 해주었을때 발생되는 에러 로그를 해결하는 방법에 대해서 알아볼까 합니다. 갑자기 발생되는 에러 ENOSPC 저는 공부를 하기 위해서 로컬에서는 Docker Container에서 작업을 진행하고 배포를 해보기 위해서 아마존 AWS 무료 서버를 가입해서 사용하고 있습니다. 로컬에서는 문제가 없었지만 갑자기 아마존 AWS에서 다음과 같은 에러가 발생합니다. Error: ENOSPC: System limit for number of file watchers reached .. 2021. 2. 9.
[VSCode] 아마존 AWS 서버 VSCode로 접속하는 방법 Node.js 기반으로 개발을 하게되면 개발툴이 필요합니다. 보통 VSCode를 많이 사용하고 그만큼 Extensions가 많이 있어서 편리합니다. 아무리 편리해도 그 기능들이 어디있고 어떻게 사용하는지 알지 못하면 어렵긴 마찬가지죠. 이번 포스팅은 VSCode를 이용해서 아마존 AWS 서버에 접속하는 방법입니다. SSH를 이용하는 다른 툴들도 좋지만 쉘로 접속하기보다는 개발하는 분들에게는 개발툴에서 바로 붙어서 사용하면 더 편리한 방법입니다. VSCode Extensions 다운로드 먼저 VSCode를 실행해 줍니다. 만약 VSCode를 다운로드 받지 않으셨다면 아래 링크에서 다운로드하시면 됩니다. VSCode 다운로드 : https://code.visualstudio.com/ ▼ VSCode가 실행되.. 2021. 2. 3.
[React] 리액트 실행할 때 포트 변경 하는 방법 웹 프로그램을 진행하기 위해서 사용하는 플랫폼중 하나가 바로 React(리액트)입니다. 이것 저것 테스트를 위해서 React를 두 개를 띄우려 하는 순간부터 문제가 발생합니다. 바로 포트가 겹치는 현상입니다. 이번 포스팅에서는 알면 간단한 React(리액트)에서 실행하는 포트를 변경하는 방법에 대해서 알아보겠습니다. React(리액트)란 무엇인가 React(리액트)는 사용자 인터페이스를 만들기 위한 Javascript 라이브러리입니다. 웹 프로그래밍을 하기 위해서 기본적으로 알아야 할 3가지 요소가 바로 Html, Css, Javascript죠. 이때, Html의 요소와 Javascript의 요소를 하나로 묶어서 Javascript로 만들어 사용하는 플랫폼입니다. 아래는 리액트를 알아보고 배워볼 수 있는.. 2021. 2. 2.
[MariaDB/MySQL] 사용자 권한 설정 (grant) & HeidiSQL 사용 어떤 프로젝트를 진행을 위해서 데이터베이스(DB)를 사용하게 됩니다. 이때 Command Line을 이용해서 진행을 할 수도 있지만 여러가지 비주얼한 툴을 이용하기도 합니다. 저의 경우는 윈도우에서는 HeidiSQL이라는 오픈소스 툴을 이용합니다. 이때 접속과정에서 권한때문에 에러가 발생하는 경우가 있습니다. 오늘 포스팅에서는 권한설정으로 인해서 발생하는 에러를 확인하고 수정하는 방법을 알아보겠습니다. 데이터베이스(DB) 접속 툴. HeidiSQL 데이터베이스는 여러가지 종류가 있습니다. 무료 오픈소스 데이터베이스도 있고 사용 데이터베이스도 있습니다. 대표적으로는 Oracle, MySQL, MariaDB, PostgreSQL, SQLite 등이 있습니다. 물론 모두 관계형 데이터베이스 입니다. 모두 Co.. 2021. 2. 1.
[AWS] 아마존 EC2 서버에 MariaDB 설치 아마존 AWS의 EC2 서버에 이것저것 하나씩 셋팅하고 있습니다. 앞선 작업들은 다음과 같습니다. 2020/12/31 - [쿤즈 Server/AWS] - [AWS] 아마존 웹 서비스(Amazon Web Services) 가입하는 방법 2021/01/01 - [쿤즈 Server/AWS] - [AWS] 아마존 EC2 서버 만드는 방법 2021/01/02 - [쿤즈 Server/AWS] - [AWS] 아마존 EC2 인스터스에 SSH 접속하는 방법 2021/01/03 - [쿤즈 Server/AWS] - [AWS] 아마존 EC2 서버에 NginX 설치하는 방법 2021/01/04 - [쿤즈 Server/AWS] - [AWS] 아마존 EC2 서버에 NodeJS 설치하는 방법 리눅스 서버를 하나 구성했고 이 서버에 .. 2021. 1. 7.
[Javascript] Array과 JSON 객체에서 length 구하기 요즘은 웹에서 사용하는 언어도 많이 사용하고 있죠. 그리고 Bootstrap과 같은 프레임워크에서도 jQuery를 걷어내고 순수한 Javascript(Vanila JS)를 사용하려 하고 있습니다. 그만큼 Javascript의 비중도 많이 커졌죠. 오늘은 Javascript를 사용하면서 Array와 JSON 객체에서 length를 구하는 방법을 알아보도록 하겠습니다. Array와 JSON 먼저 Array는 모든 언어에서 등장하는 구조입니다. 배열이라 불리는 이 구조는 하나의 변수에 여러 개의 값을 넣어주는 구조를 말합니다. 보통 중괄호([])로 표현합니다. Javascript에서의 배열은 여러 가지 타입을 모두 넣을 수 있습니다. 다음과 같이 말이죠 var myarrays = ['아이언맨', '32', '.. 2021. 1. 6.
[AWS] 아마존 EC2 서버에 NodeJS 설치하는 방법 이전 포스팅에서는 다음과 같이 아마존 가입, EC2 서버 설치, SSH 연결방법, NginX 웹 서버 설치 방법에 대해서 알아보았습니다. 2020/12/31 - [쿤즈 Server/AWS] - [AWS] 아마존 웹 서비스(Amazon Web Services) 가입하는 방법 2021/01/01 - [쿤즈 Server/AWS] - [AWS] 아마존 EC2 서버 만드는 방법 2021/01/02 - [쿤즈 Server/AWS] - [AWS] 아마존 EC2 인스터스에 SSH 접속하는 방법 2021/01/03 - [쿤즈 Server/AWS] - [AWS] 아마존 EC2 서버에 NginX 설치하는 방법 웹 서버인 NginX를 설치하고 화면이 나타나는 것까지 확인이 되었다면 이제는 어플리케이션을 올릴 플랫폼이 필요합니.. 2021. 1. 5.
[AWS] 아마존 EC2 서버에 NginX 설치하는 방법 앞선 포스팅들에서 아마존 AWS에 가입하고 EC2 인스턴스 서버를 설치하고, 마지막으로 SSH로 접속하는 방법까지 알아보았습니다. 2020/12/31 - [쿤즈 Server/AWS] - [AWS] 아마존 웹 서비스(Amazon Web Services) 가입하는 방법 2020/12/31 - [쿤즈 Server/AWS] - [AWS] 아마존 EC2 서버 만드는 방법 2021/01/01 - [쿤즈 Server/AWS] - [AWS] 아마존 EC2 인스터스에 SSH 접속하는 방법 이렇게 준비된 서버에 이제는 서비스와 앱을 설치를 하면 언제 어디서든 내 서비스와 앱을 확인 할 수 있는 상태가 됩니다. 그래서 오늘은 웹 서비스를 할 수 있도록 하는 웹서버를 설치해보려 합니다. 이 포스팅에서는 웹 서버 중에서 Ngi.. 2021. 1. 4.
[AWS] 아마존 EC2 인스터스에 SSH 접속하는 방법 아마존 AWS(Amazon Web Services)에 EC2 인스턴스를 생성하셨다면 이제 서버에 접속하는 방법을 알아야 합니다. 2020/12/31 - [쿤즈 Server/AWS] - [AWS] 아마존 웹 서비스(Amazon Web Services) 가입하는 방법 2021/01/01 - [쿤즈 Server/AWS] - [AWS] 아마존 EC2 서버 만드는 방법 서버 운영체제는 앞선 포스팅에서처럼 AMI Linux 서버이기 때문에 기본적인 Shell로 명령어 정도는 아셔야 다룰 수 있습니다. 이번 포스팅에서는 아마존 웹 서비스에 생성한 인스터스에 접속하는 방법에 대해서 알아보겠습니다. 아마존 AWS EC2 인스턴스에 접속하는 방법 우선 윈도우(Windows)의 경우에는 인스턴스에 접속하기 위한 방법에는 S.. 2021. 1. 3.

티스토리툴바