개발

http://dongjun.me wq0212 / Dongjun Shin dongjun.me 최근 새로운 사람만날일이 부쩍 많아졌다. 다들 처음 만나서 이름, 나이, 학력을 물어보고 기술스택을 물어보며 첫마디를 땐다. 아무래도 다들 팀원을 구하고 있어서 그런가 이름보다 기술스택을 먼저 물어보는 일도 허다하다. 어딜가나 본인을 소개하고, 본인을 어필하는 일이 반복되다보니 개인적으로는 적지 않은 피로감도 느낀다. 누굴 만나면 면접을 만난 복어마냥 촉을 세우고, 자기를 소개해야하고, 남이 소개하는걸 들으며 (심지어 받아적는 분들도 있다) 팀원을 물색해야한다. 앞으로 개발자로 계속 일하다보면 본인을 소개할 랜딩페이지 정도는 있으면 좋겠다 싶어, 도메인도 하나 지르고 아래 두 선배분들 페이지를 참고해서 만들어 보았..

fullpage.js는 스크롤 한번에 창을 한 단위로 내리는, 약간 PPT? 같은 느낌으로 웹 사이트가 동작하게 해준다. https://alvarotrigo.com/react-fullpage/ react-fullpage.js - Official React.js component for fullPage.js Official React.js component for fullPage.js. An easy to use wrapper for your react application. alvarotrigo.com 이런느낌으로 마우스 스크롤 한칸(?)에 한페이지가 통으로 넘어가서 사이트 첫 메인페이지에 써보고자 한다. 다른 프로젝트를 하면서 landing page를 만들때 리액트 없이 생으로는 써봤는데, 이번 Rea..

리액트는 '사용자 인터페이스를 만들기 위한 JavaScript 라이브러리'이다. Front : react Back : nodejs + express DB : mongodb 로 이뤄진 프로젝트를 기획중인데, 준비하며 리액트 공부를 해보고자 한다. 2편까지의 setting으로 node와 npm을 설치해준다. 1. npm의 상위호환인 yarn을 설치해준다. (성능 속도를 개선했다고 한다.) $ sudo npm install -g yarn 2. create-react-app을 설치하고, 프로젝트 폴더를 생성한다. (이하 myshop 자리엔 프로젝트 폴더) $ sudo yarn global add create-react-app $ sudo create-react-app myshop 생성되면 다음과 같이 뜸 3. ..

먼저 서버에서 nodejs와 mysql이 사용할 포트를 개방해줘야한다. $ netstat -tnlp netstat 명령어로 열린 포트를 먼저 확인해준다. 3000포트(Nodejs에서 사용하는 포트와 맞춰주면 됨)와 3306(Mysql이 사용하는 포트)를 열어준다.(패킷필터링) (예전에 AWS에서는 이걸 좀 더 손쉽게 할 수 있었던거 같은데 여기선 지원하지 않는거 같으니 명령어로 열어줘야함) $ iptables -I INPUT 1 -p tcp --dport 3000 -j ACCEPT $ iptables -I OUTPUT 1 -p tcp --dport 3000 -j ACCEPT $ iptables -I INPUT 2 -p tcp --dport 3306 -j ACCEPT 기본 문법은 iptables -I IN..

Mysql을 사용하기 위한 setup과 간단한 SQL문을 정리해보았다. Database와 table의 차이는 간단히 database는 엑셀 파일 자체이고, table은 sheet의 개념이다. database안에 여러 개의(물론하나일수도 있겠지만) table이 포함되는 구조이다. 일단 접속은 mysql -uroot -p로 접속해주고... Mysql 비밀번호 변경 SET PASSWORD FOR 'root'@'localhost' = PASSWORD('바꿀비번'); User Read use mysql; select user, host from user; //유저 조회 User Create USER_ID@localhost identified by 'USER_PASSWORD'; grant all privileges..

도메인까지 연결하고 나서 개발에 필요한 기본 프로그램들을 설치해주려한다. cmd창에서 SSH 프로토콜로 서버에 접속해준다. 최초에 발급받은 root 계정의 비밀번호로 로그인하거나, 이미 비밀번호를 수정했다면 수정한 비밀번호로 ubuntu 계정으로 접속한다. 따로 user추가를 안해도 우분투를 설치하였다면 ubuntu 계정이 존재한다. ssh ubuntu@example.com 1. node 설치를 위해 curl을 다운 받는다. cURL(Client URL) : 클라이언트에서 코드를 이용해서 쉽게 웹 브라우저 처럼 활동할 수 있도록 해주는 오픈소스 $ sudo apt-get install curl 2. nodejs를 설치한다. $ curl -sL https://deb.nodesource.com/setup_1..

개발 중 서버와 하루종일 씨름하다가 그동안 해왔던 걸(백엔드 쪽만) 간단히 정리해두려고 한다. 다음 서버 세팅 때는 같은 일을 반복하지 않도록... 아무쪼록 세이브해둘겸 다른분들도 참고해서 볼 수 있게 정리하려한다. 본인은 웹 호스팅용으로 ubuntu 20.04 버전을 샀다. 먼저 서버 구매와 구매한 서버에 도메인 연결 과정이다. 그동안 aws 서버(무료 ver)도 써봤지만 국내꺼랑 별반 다르지 않은 퍼포먼스였기에 (오히려 포트 개방 등 보안면에선 더 귀찮은...) 국내 서버 호스팅 사이트를 이용했다. 서버 구매 : https://www.iwinv.kr/ 도메인 구매 : https://www.gabia.com/ 1. iwinv 사이트에 접속해서 상단에 '서버' 클릭 2. 원하는 서버의 사양 선택 (연습이..

생활코딩 DB 수업을 따라가면서 정리해봤다. 생코 mysql 따라가기 - https://opentutorials.org/course/3161 보다 쉽게 윈도우에서 DB 설치 & 관리를 위해서 WAMP라는 오픈 소스 통합 소프트웨어를 이용한다. Bitnami라는 회사에서 개발했다고 -> https://bitnami.com/stack/wamp 에서 다운로드할 수 있다. WAMP는 window apache mysql php 줄임말이라고 한다.(리눅스용은 LAMP) 필요한건 Mysql만 필요했지만 이게 설치 편하다해서 사용했다.(학교 WIFI 환경에서 한 20분 넘게 설치했던거 같다) 막상 설치했는데 mariadb가 나와서 당황했지만, mysql의 업그레이드 버전이라고 한다. (mysql은 오라클에서 인수하면서..