목록프로젝트 (5)
seunghyun Note
https://github.com/I-on-I/OO-s-Library-Client GitHub - I-on-I/OO-s-Library-Client: "00의 서재" 클라이언트 레포지토리 입니다. "00의 서재" 클라이언트 레포지토리 입니다. Contribute to I-on-I/OO-s-Library-Client development by creating an account on GitHub. github.com e-book 관리 시스템을 프론트로 만들고 있는데 저 책모양을 클릭했을 때 index에 맞게 이동을 시켜야한다. 임의 데이터로 총 4개를 넣었는데 첫번째 index를 클릭했을 때마다 마지막 index값만 출력되는 상황... {" "} 닫기 각 책에 대한 정보가 다르기 때문에 모달을 여는 경우에는..
Project Conception & Initiation ✏️ Contents 기획 주제 Stack & tool 아이디어 스피치 요구 사항 정의서 user flow DB UI 설계 목차의 순서로 기획 기획 주제 선정 (24020X~ 24020X) 프로젝트 주제 : 프라이빗한 개인 서재와 서로 어떤 책을 읽고 느꼈는지 공유하는 웹 사이트 팀명 : IF (mbti I와 F의 모임) 서비스 : e-book service(e-book 구현), 책 등록 및 관리, 책 리뷰 공유, (+e-book 음성지원) Stack & tool (추후에 변경) 프론트: React JS, styled-component, react-query, recoil, js, axios UI : Figma,excalidraw 백엔트: Java..
js 공부할 때 항상 제일 어려웠던(사실 모든것을 공부한 것은 아님;;;) 개념 async await.....!! 강의를 듣다가 아래의 코드를 다시 복습하게 됐다. export const home = async (req, res) => { const videos = await Video.find({}); return res.render("home", { pageTitle: "Home", videos }); }; 이 코드에서 사용되는 async와 await를 이해해보고 싶었다. async: 이 키워드는 함수를 비동기 함수로 만든다. 즉, 함수 안에서 비동기 작업을 수행할 수 있게 한다. await: 이 키워드는 비동기 작업이 끝날 때까지 기다리는 데 사용된다. 비동기 함수 내에서만 사용될 수 있으며, Pr..
js를 공부하는데 res가 이해가 안될 때가 너무 많았다.. (간단하게 정리) res는 Express.js(웹 애플리케이션 프레임워크)에서 사용되는 객체로, 클라이언트에게 서버로부터 응답을 보내는 데 사용됩니다. res.render()는 Express.js에서 뷰 템플릿을 렌더링하여 클라이언트에게 HTML을 보내는 메서드입니다. 이를 사용하여 템플릿 엔진을 통해 동적으로 생성된 데이터를 HTML로 렌더링할 수 있습니다. res.render() 메서드는 렌더링할 뷰 템플릿 파일의 이름과 렌더링할 데이터를 인자로 받습니다. 코드를 만들어서 이해해보자! res.render() const express = require('express'); const app = express(); // GET 요청에 대한 처리..
👾 painterly rendering : 사진을 사람이 그린 그림처럼 바꿔주는 기법 🤖 resource opencv #include 구조체 선언 typedef struct Point { int x; int y; struct Point* link; }Point; //stroke 형 구조체 선언 typedef struct Stroke { int r; // 원의 반지름 Point* pt; // point 구조체를 불러옴 CvScalar g; // 색상값을 저장 struct Stroke* link; // 다음 값을 가르키는 링크 }Stroke; 논문의 의사코드를 활용 Linked List, Stack Data structure Point* pushPoint(Point* head, int x, int y) { ..