[Maria DB] 마리아 DB 데이터베이스 , 테이블 생성방법

혹시 마리아DB 가 설치되있지 않으신 분들은 여기를 클릭하여 마리아 DB 설치방법을 먼저 보시고 이 글을 읽어주세요. 우선 제일 간단한 명령어부터 살펴보겠습니다. 데이터베이스를 생성할 때는 CREATE DATABASE 데이터베이스이름; 테이블을 생성할때는 CREATE TABLE 테이블이름(조건); 으로 생성할 수 있습니다. 저는 처음 마리아DB를 설치할때 생성되었던 mysql 데이터베이스에 있는 테이블 리스트를 조회해 보겠습니다. USE mysql; 그다음 테이블 리스트 조회 명령어인,…

더 보기

[Node.js] ejs 에서 if 문으로 조건문 사용하는 방법

이 글에서 ejs 로 변수 불러오기를 보실 수 있습니다. 서버에서 불러온 값을 ejs 파일 내에서 처리하는 경우가 있습니다. 대표적으로 조건문입니다. 이번에는 전달받은 status변수값이 “안녕” 이면 “안녕하세요!!!” “바이” 이면 “안녕히가세요!!!” 라고 표시되게 조건문을 사용하여 만들어 보겠습니다. ejs 상에서 조건문 같은 함수를 사용하기 위해서는 <% %> 에 안에다가 넣어줘야 됩니다. 예) <% if (title) { %> <h1>안녕하세요.</h1>…

더 보기

[Ubuntu] 우분투 부팅로고 변경하는 방법 (20.04)

우분투 20.04 에서 우분투 부팅로고를 변경하는 방법에 대해서 설명드리겠습니다. 우분투 부팅로고는 사진과 같이 처음 켜질때 나오는 부팅 로고를 말하는 겁니다. 오늘은 이 로고를 변경시켜 보겠습니다. 우선, 변경하기 전에 우분투 로고를 대채할 이미지를 만들거나 구해 줍니다. (PNG 포멧이여야 합니다.) 저는 PNG 파일로 하나 만들었습니다. 이제 변경해 보겠습니다. 아래의 경로로 이동해 주세요. /usr/share/plymouth/themes/spinner 이동하면 로딩이미지 파일과 “watermark.png”…

더 보기

[Nginx] 엔진엑스 기본 에러페이지 설정 방법

엔진 엑스에서 페이지를 불러오지 못했을 때 404, 500 등 오류 페이지를 보여줍니다.그러나 엔진엑스에서 기본으로 보여주는 엔진엑스 에러페이지는 오류파일경로 , 엔진엑스 버전 등 사용자에게 공개할 필요가 없는 정보를 알려줄 수도 있습니다.위 문제 때문에 기본 에러 페이지를 따로 만드시는 것을 추천드립니다. 추가할 에러 페이지를 처리할 conf 파일을 열어줍니다. (기본 conf 경로 /etc/nginx/site-available/sitename) 저는 아래와 같이 입력하였습니다. 이렇게…

더 보기

[Maria DB] 마리아 DB 설치하기 (Windows)

오늘은 마리아 DB 서버를 설치하고 초기 셋팅까지 해보는 시간을 가지겠습니다. 참고로 마리아 DB 와 Mysql DB 와는 명령어 구문이 같습니다. 마리아 디비가 Mysql 의 오픈소스로 만들어졌기 때문이죠. 마리아 디비 다운로드는 https://mariadb.org/download/ 여기서 하실 수 있습니다. 다운로드를 하고 셋업 파일을 실행합니다. 가볍게 NEXT를 눌러줍니다. 라이센스를 확인 후 다음을 눌러줍니다. 커스텀 셋업을 하는 곳인데 저희는 필요 없기…

더 보기

[React] warning: invalid dom property `class`. did you mean `className`? 해결

리엑트를 처음 접하셨을 때 아래의 오류를 한번쯤은 보실껍니다. warning: invalid dom property `class`. did you mean `className`? 리엑트는 JSX의 문법을 사영하기 때문에 HTML 클래스를 사용하면 안됩니다. JSX 문법은 단어 앞부분마다 대문자로 표기(카엘 표기법)합니다. (예 : className , colSpan 등) 리엑트에서 보이는 “class ” 태그를 className 으로 변경해 주면 사진과 같이 오류가 사라지는걸 볼 수 있습니다.

더 보기

[VS Code 팁] .ps1 파일을 로드할 수 없습니다. 해결방법 (VS code 에서 cmd 사용하기)

Node js 나 pm2 유틸리티 , npm 설치 등 VS code 내에서 실행해야 될 때가 있습니다. 그러나 VS Code 에 터미널에서 명령어를 입력시 .ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 이 오류를 해결하려면 PowerShell 로 명령어를 입력해야 합니다. 먼저 PowerShell 을 관리자 권한 으로 실행시킵니다. 아래와 같이 명령어를 입력합니다. 명령어를 입력 후 엔터를…

더 보기

[React] 리엑트에서 table colspan (셀병합) 사용하는 방법

리엑트에서는 JSX 문법을 사용하기 때문에 기존 HTML 테그는 알아들을 수 없습니다. HTML 은 위 사진처럼 잘 나오지만 리엑트에선 JSX 문법대로 변경해줘야 됩니다. JSX 문법은 단어 앞부분마다 대문자로 표기(카엘 표기법)합니다. (예 : className , colSpan 등) colspan 을 colSpan 으로 변경해 준 모습입니다. 단어의 앞부분을 대문자로 변경해주면 리엑트에서 정상적으로 사용 가능합니다. 궁금하신것이나 이해가 안되는 부분 ,…

더 보기

[Node.js] ejs 파일에서 변수를 불러오지 못할 경우 에러 처리 방법

이번에는 ejs 파일에 있는 변수를 찾을수 없을때 에러처리 방법을 설명드리겠습니다. ejs로 웹서버를 만드실때 필수로 알고 계셔야 합니다. 에러 처리를 안해줬을 때 서버측 오류로 변수전달이 실패되면 사이트가 죽어버리는 상황이 발생할 수 있기 때문입니다. 설명을 시작하기 전에 ejs 파일로 변수 전송하는 방법을 이해하지 못하셨다면 이 글을 참고하셔서 ejs 변수 전달에 대해서 이해하시고 이 글을 보시면 되겠습니다. 현재…

더 보기

[Node.js] ejs 파일로 변수 전달해서 클라이언트에 표시하기

이번 시간에는 express 단에서 ejs 부분으로 변수를 전달하는 방법을 설명드리겠습니다.express-generator 로 express 앱을 생성하신 분들은 자동으로 index.ejs 파일이 생성되 있을 겁니다. 만약 express 앱 만드는 방법을 이해하지 못하셨다면 아래 글을 참고하셔서 express 앱을 만들어 주시거나 따로 파일을 만들어 주시기 바랍니다. 오른쪽에 있는 res.render 부분에 보면 (‘index’) 라고 쓰여져 있는 부분에 {} 괄호를 사용하여 변수를 ejs…

더 보기