전체 > devkira (21) NextJs 10: 버튼 컴포넌트를 별도 파일로 분리 후 활성 비활성화 처리 안녕하세요. 각성한 데브키라입니다. 이번 포스팅에서는 좌측 목록을 클릭했을 때 해당 목록의 ID가 존재할 경우에만 활성화되는 기능을 탑제한 버튼 영역을 별도의 클라이언트 컴포넌트 파일로 분리하는 작업을 진행하겠습니다. 목록 ID가 생성되지 않았을 때는 버튼이 비활성화되도록 처리할 것입니다.1. 버튼 영역을 별도의 컴포넌트로 분리2. 별도의 파일로 컴포넌트 분리좌측 목록을 클릭했을 때 전달되는 파라미터 값을 효율적으로 사용하기 위해서는 해당 부분을 클라이언트 컴포넌트로 정의해야 합니다. 그러나 특정 부분에만 "use client"를 적용할 수 없기 때문에, 이를 별도의 파일로 분리할 계획입니다.해당 컴포넌트 함수 상단에 위치한 전구 모양 아이콘을 클릭하면, 컴포넌트를 쉽게 별도의 파일로 분리할 수 있는 메.. Nodejs ex09: 쿠키 암호화 예제 안녕하세요. 각성한 데브키라입니다. ex08에서 쿠키를 설정하고 메인페이지 접속 시 팝업창을 더 이상 뜨지 않도록 제어하는 예제를 포스팅했었는데 내용을 이어서 쿠키암호화 설정을 해보겠습니다. 수정내역ex09 포스팅에서는 바뀐 부분 2줄에 대한 내용만 추가로 포스팅하겠습니다.아래 작성된 내용 중 {[ 변경 ] app.js, [ 변경 controller/cookie/cookie_ctrl.js ] }의 소스코드에서 화살표로 표시된 부분{app.js 1줄, cookie_ctrl.js 1줄}2줄만 수정하시면 됩니다. [기존 : app.js ] const express = require("express")const cookieRouter = require("./src/routes/cookie/cookie_rout.. Nodejs ex08: 쿠키를 이용한 팝업창 특정시간 뜨지 않도록 설정하는 예제 안녕하세요. 각성한 데브키라입니다. Nodejs에서 쿠키를 이용해서 메인페이지 접속 시 공지사항 팝업청을 특정시간 동안 띄우지 않도록 설정하는 예제입니다.예제에서는 편의상 짧은 시간 10초 동안 띄우지 않도록 설정해서 테스트를 진행하였습니다. [ app.js ]const express = require("express")const cookieRouter = require("./src/routes/cookie/cookie_router")const cookieParser = require("cookie-parser")const app = express()app.set("views", "./src/views")app.set("view engine", "ejs")app.use( cookieParser() )ap.. Nodejs ex03 ex04: Router를 사용한 페이지 출력 안녕하세요. 각성한 데브키라입니다. nodejs에서 라우터를 사용해서 페이지를 출력해보겠습니다.실행결과는 동일하지만 ex03은 라우터를 사용하지 않고 직접적으로 페이지를 호출했고 ex04는 라우터를 사용해서 페이지를 호출했습니다.ex03 - 라우터를 사용하지 않고 페이지를 호출라이터를 사용하지 않고 app.js에서 index.ejs를 호출합니다.[ app.js ]const express = require("express");const app = express();app.set("views", "./views");app.set("view engine", "ejs");const router = express.Router();app.use("/", router);router.get("/", (req, res).. 각성한 데브키라는 여러분을 적극 환영합니다! 여러분과 각성한 데브키라의 정리노트를 함께보게 되어 정말 기쁩니다. 이곳은 기술과 경험을 나누며, 서로 응원하고 도와가며 함께 성장하는 커뮤니티입니다.여러분의 방문에 진심으로 감사드리며, 이 사이트가 여러분의 지식을 넓히고, 새로운 아이디어를 얻으며, 무엇보다 서로의 개발 여정을 공유하는 데 큰 도움이 될 것이라 믿습니다. 여기서의 모든 순간이 여러분에게 영감을 주고, 기술적 발전은 물론 개인적 성장에도 기여할 것입니다. 우리 모두 서로에게 배우는 멘토가 되어, 이 커뮤니티를 통해 함께 발전해 나가기를 기대합니다. 아울러, 이 커뮤니티에서는 서로 맞구독을 적극적으로 환영합니다. 자주 방문하며 공감을 나누고, 함께 블로그를 성장시키는 것이 목표입니다. 여러분의 활발한 참여와 상호 지지를 통해, 우리 모두가.. 이전 1 2 3 다음
