포시코딩

< 인식 문제 발견 ejs에 데이터를 가져와 사용중 잘 되는 코드인데 vscode에서는 인식을 못해 빨간줄이 쳐지는 현상을 발견했다. 마우스를 갖다 대니 딱히 오류가 나고 있는 상황은 아니었고 그냥 맨 앞에 < 만 빨갛게 칠해지는데 솔직히 이것도 거슬려 방법을 찾아보았다. < 인식 문제 해결 Extensions에서 'EJS Language Support를 설치해주니

ejs app.set('views', './src/views'); app.set('view engine', 'ejs'); bodyparser app.use(express.json()); app.use(express.urlencoded({ extended: true }));

로그인 페이지와 비슷하게 회원가입 페이지도 하나 만들어주었다. - login.ejs - register.ejs 이제 server.js 에 아래처럼 두 라우터가 있는데 app.get('/member/login', (req, res)=>{ res.render('login.ejs'); }) app.get('/member/register', (req, res)=>{ res.render('register.ejs'); }) server.js 에는 앞으로 여러 라이브러리 선언 등의 코드들이 올거기 때문에 좀 더 보기 편하도록 해당 코드들을 따로 빼줄거다. 일단 nfp 프로젝트에 routes 폴더 추가 후 member.js 파일 생성 member.js 파일 오픈 후 아래 코드 추가 var router = requi..

메인은 나중에 게시글 리스트 페이지로 대체해줄거니 잠시 놔두고 로그인 페이지를 만들어보자 그전에 jquery 랑, bootstrap 쓸거라 index.ejs 에 해당 cdn 들 가져와서 추가 Hi NFP 앞으로 새 ejs 파일을 만들 때 항상 index.ejs 파일 복사해서 쓸거임 css 쪽으로는 만족하려면 한도끝도 없기 때문에 대충 부트스트랩을 이용해 최소한으로만 보기 좋게 할 생각이다. login.ejs 파일을 만들고 로그인을 위한 요소를 몇개 만들어주자. 로그인 아이디 비밀번호 로그인 아이디가 없나요? 해당 파일로 가기위해 server.js 에서 라우팅을 해주자 라우팅이 뭐냐면 간단히 말해서 server.js 에서 아까 한 app.get('/경로')~ 를 통해 ejs 파일로 경로를 지정해주는거임 a..

서버를 켰으니 접속해보자 내 컴퓨터 상에서만 서버가 돌아가고 포트는 8080 으로 설정했으니 브라우저를 열고 localhost:8080 로 접속하면 된다. 아직 아무런 페이지, 경로설정도 없이 서버만 실행시켰기 때문에 위처럼 뜨는게 정상 nfp 프로젝트에 views 폴더를 만들고 메인페이지를 위한 index.ejs 파일을 만든다. html 파일에서는 서버에서 보낸 데이터를 활용하기 힘들기 때문에 ejs 라이브러리를 사용하는거임 ejs 파일은 views 폴더 안에 위치해야 한다. server.js 에도 ejs 라이브러리 사용을 위한 아래 코드 입력 app.set('view engine', 'ejs'); 당연히 const app 선언 밑에 써야한다. 그 다음 localhost:8080 을 요청했을 때 만..