nodejs&i18n 사용 방법(?)좀 알려주세요ㅠㅜ

Question

안녕하세요. node js을 처음 공부하는 학생입니다. 부족한 점 많아도 이해 부탁드립니다 ㅜㅠnode js가 인터넷에 비교적 잘 없는 것 같더라구요... 그래서 개념이 많이 부족합니다. 근데 제가 i18n을 이용해서 한글로 되어있는 웹페이지 화면(UI부분)을 영어<->한국어로 변경할 수 있도록, 그러니까 언어팩과 비슷한 개념으로 구현하도록 하는 아주 작은 프로젝트(?)를 맡았습니다. 이를 완성하기 이전에 필요한 개념과 구조들을 이해하기 위해서 정말정말 간단하게 코드만 짜보았습니다. 안 되는 원인은 찾은 것 같은데 며칠째 해결이 안 됩니다.ㅠㅠㅠㅠ먼저 제 코드를 설명하자면, 영어<->한국어 로만 구현하면 되는데, 제가 간단하게 화면의 ‘안녕’의 글자를 <한국어>버튼을 누르면 ‘안녕하세요~’로, <영어>버튼을 누르면 ‘Hello~’로 변환할 수 있게끔 구현을 하고 싶습니다. <첫화면> <한국어 버튼을 누른 후> <영어 버튼을 누른 후> 그런데 문제는 로그는 제대로 찍히는데 버튼을 두번을 눌러야만 바뀐다는 것입니다. 이유는 아마도 이전에 저장된 쿠키때문인 것 같습니다. 그러니까 예를 들어, 영어 버튼을 누른 후 한국어 버튼을 누르면 이전에 쿠키에 en(영어)이 저장되었기 때문에 한글이 아닌 영어로 먼저 바뀌고, 한국어 버튼을 다시 눌러야만 한글이 나옵니다.바꾸기 전에 쿠키를 삭제를 먼저 해 주어야 하나요? 그 방법도 나름 해보았는데 제가 코드를 잘못 쓴것인지 변화가 없었습니다. 먼저 html코드입니당,,, 첫화면으로 '안녕'이라는 글자를 띄우고 버튼을 누르면 폼태그를 통해 get방식으로 /ko또는 /en으로 보내도록//index2.html 연습해보기

안녕

만약에 en버튼을 눌렀다면 'lang'쿠키를 'en'으로 업데이트 시켜주고 ko버튼일 경우에는 'ko'로 업데이트 시켜 렌더링(?) 해주었습니다.//app.js var express = require('express') var http = require('http'); var path = require('path'); var ejs = require('ejs'); var i18n = require('./i18n'); var cookieParser = require('cookie-parser'); var bodyParser = require('body-parser'); var static = require('serve-static'); var app = express(); app.set('port', process.env.PORT || 3000); app.use(bodyParser.urlencoded({ extended: false })) app.use(cookieParser()); app.set('view engine','ejs'); app.use('/views', static(path.join(__dirname, 'views'))); app.use(i18n); //en으로 받았을 때 app.get('/en',function(req,res,next){ console.log('/en 처리함.'); res.cookie('lang','en'); res.render('index.ejs'); next(); }); //ko로 받았을 때 app.get('/ko', function(req,res,next){ console.log('/ko 처리함.'); res.cookie('lang','ko'); res.render('index.ejs'); next(); }); http.createServer(app).listen(app.get('port'), function(){ console.log('Express server listening on port ' + app.get('port')); }); //en.json { "안녕": "Hello~" } //ko.json { "안녕": "안녕하세요~" } // index.ejs 연습해보기

<%= __('안녕')%>

쿠키 이름은 'lang', 디폴트 언어는 'en'으로 설정해 주었습니다//i18n.js var i18n = require('i18n'); i18n.configure({ locales:['en', 'ko'], defaultLocale: 'en', objectNotation:true, queryParameter:'language', cookie: 'lang', syncFiles:true, updateFiles:true, directory: __dirname + '/locales' }); module.exports = function(req, res, next) { i18n.init(req, res); var current_locale = i18n.getLocale(); return next(); };아래 사진은 제 파일들의 구조입니다. 제가 이 사이트를 처음 사용해 보아서 익숙치 못해서 그림이나 코드가 보기 힘들게 배열된 것 같습니다. 또한 제가 공부한 것들이 확실하지 못해서 질문하면서도 맞나 싶은것들/표현들이 많은 것 같습니다. 며칠째 고민만하다가 질문할 곳이 없어서 여기에 질문합니당,, 혹시 몰라서 코드는 다 올렸습니다. 도와주세요ㅠㅜ

scissors hand · Accepted Answer

쿠키를 구울 때 path를 넣어보세요.- 한국어의 경우 res.cookie('lang','ko', {path: '/ko'});- 영어의 경우res.cookie('lang','en', {path: '/en'}); 두 번씩 눌러야 반영되는 이유는 request시의 cookie값이 rendering할 때 반영되어서 그렇습니다.res.cookie('lang', ...) 은 렌더링은 완료되고 설정하는 것이라서.해결 하기 위해서는 form을 submit 하기 전에 가로 채서 클라이언트쪽에서 cookie를 해당 언어로 새로 구우면 됩니다.그렇게 하는게 귀찮으면 위의 방법을 쓰면 되고요.

쳄 · Answer

scissor hands 헐대박,, 진짜 고맙습니다ㅠㅠㅠㅜㅠㅜㅠㅜㅠㅜㅠㅜㅠㅜㅠㅜㅠㅜㅠ해결이 됐어여,,,감사합니다ㅠ

nodejs&i18n 사용 방법(?)좀 알려주세요ㅠㅜ

2개의 답변

#i18n 목록