홍준혁

현제 로그인 화면을 다 만들었다. 디자이너 없이 혼자 만드니까 너무 힘들ㄷr.....ㅋㅋㅋ 새로고침 할때 옆에 있는 멘트도 바뀐다...! 아직 만들었던 서버랑 연결은 하지 않은 상태이고 상태 관리 라이브러리는 Redux를 사용하려고 하는데 프로젝트에 잘 주입할 수 있을지 걱정이다. 그리고 HLOG깃허브 주소는 https://github.com/Hong-JunHyeok/HLOG Hong-JunHyeok/HLOG Contribute to Hong-JunHyeok/HLOG development by creating an account on GitHub. github.com 여기다. 깃허브 와서 팔로우 한번씩만 해주고 가주면...! 큰 힘이 될 것이다.!!! 그럼 오늘은 여기까지 하고 다음에는 메인화면 구성을 ..

서버 단에서 기본적으로 필요한 API를 다 만들었다. 이제 프런트를 작업할 차례인데 그전에 디자인을 하려고 한다. 어떤 디자인 콘셉트를 잡고 개발을 할 것인지 볼 것이다. 먼저 메인 컬러는 붉은색으로 하고 싶다 왜냐하면 내 성이 홍이고... 홍은 붉은.. 색이니까... 아무튼 붉은색으로 콘셉트 컬러를 잡을 것이고 또한 세련된 느낌을 중점적으로 디자인할 것이다. 심플함 감성 세련 이 세 가지를 중점적으로 디자인하도록 하겠다. 이제 figma로 디자인을 만들어 봐야겠다. 아이폰의 PRODUCT RED 색을 굉장히 좋아하는데 그래서 #B00D23의 색을 사용해야겠다. 어느정도 디자인을 해보고 프런트엔드 프로젝트를 개발하고 있다. 다음 포스트에서 로그인&회원가입 컴포넌트를 보여주겠다.

서버를 처음 개발해보는 거라 많이 헷갈린다.ㅠㅠ 지금부터의 내용은 확실한 정보가 아니니 흘려들었으면 좋겠다. 아까 설치한 expreess를 사용해서 hello world를 작성해보자. 임의로 루트폴더에 express.js라는 파일을 만들어서 아래와 같이 작성하고 const express = require('express'); const app = express(); const port = 3000; app.get('/', (req, res) => res.send('Hello World!')); // '/'경로에서 hello world! 출력 app.get('/page', (req, res) => res.send('page')); // '/page'경로에서 page 출력 app.listen(port, ()..

DB를 다 구축했으니 이제 서버 쪽을 세팅해보도록 하겠다. 서버를 만들 디렉토리에 npm init -y를 해서 package.json을 만든다 그다음 express를 설치하고 DB연동을 하기 위해서 필요한 라이브러리를 설치해주도록 하자 npm install -save mysql 그다음 mysql.js이라는 파일을 만들어서 커넥션을 만들어보자. const mysql = require('mysql2'); const connection = mysql.createConnection({ host: 'localhost', user: 'root', password: 'DB비번', database: 'DB이름', }); connection.connect(); connection.query('SELECT * FROM u..

방학 기간 동안 내 블로그를 만들어보려고 한다. 전부터 만들고 싶었던 거라서 이번 기회 때 (시간도 넉넉해서) 만들어 볼 것이다. DB는 MySql을 사용해서 구축 할것이며 서버는 Node.js를 이용해서 구현할 것이다. 프런트는 React.js를 사용해서 구현을 할 것이다. 그리고 상태 관리 라이브러리는 MobX를 쓸것인가 Redux를 쓸것인가를 아직 고민하고 있다. (근데 Redux는 아직 실전 경험이 없어서 한번 써보고 싶다. ) FRONT-END BACK-END React.js , (Redux or MobX) Node.js,MySql 이제 제일 먼저 할것은 DB구축이다. 예전에 학교에서 한 나르샤 프로젝트에서 쓴 DB명세를 참고하기로 했다. 그렇게 작성된 명세서는 대충 이런식으로 나왔다. 좀 보기..