프로젝트 기록 검색 결과
28 개의 검색 결과가 있습니다.
프로젝트 기록/러시아어 사전 및 검색 웹

개발 과정 리뷰 -19- 테스트 코드 작성

#1 문서 작성 과부하 테스트 단순 반복문으로 작성. 시간은 측정하지 않았음. const krArr = ["가", "나", "다", "라", "마", "바", "사", "아", "자", "차", "카", "타", "파", "하"]; const ruArr = ["А","Б","В","Г","Д","Е","Ё","Ж","З","И","Й","К","Л","М","Н","О","П","Р","С","Т","У","Ф","Х","Ц","Ч","Ш","Щ","Ъ","Ы","Ь","Э","Ю","Я","а","б","в","г","д","е","ё","ж","з","и","й","к","л","м","н","о","п","р","с","т","у","ф","х","ц","ч","ш","щ","ъ","ы","ь","..

2024. 4. 6. 13:49
프로젝트 기록/러시아어 사전 및 검색 웹

개발 과정 리뷰 -18- 문서의 주석 기능 구현하기

#1 개요 나무위키로 치면 아래와 같은 기능을 만드려고 한다. 원래는 document 스키마 내부에 주석 배열을 넣어서 해당 주석을 만들려고 했다. 그러나 주석은 문서 내용과 또 달리 추가, 수정 빈도가 더 높을 것으로 예상되며, 특히 일부를 수정할 때, 강제적으로 모든 주석의 배열을 불러와야 하는 것은 비효율적일 수 있다는 생각을 하였다. 이는 수정할 때마다 배열을 수정해야하기 때문에 더욱 그렇다. 따라서 주석의 스키마를 nosql이지만 정규화를 하듯 분리하는 방식을 사용해보고자 했다. #2 mongoose .populate() 메소드와 1) 1:1 관계에서의 .populate() 함수 Schema를 정의할 때 다음과 같이 ObjectId 타입과, ref를 통해 어떤 Schema의 Id를 참조하는지 선..

2024. 4. 2. 23:53
프로젝트 기록/러시아어 사전 및 검색 웹

개발 과정 리뷰 -17- 카테고리 및 페이지네이션

#1 카테고리 CSS 구현 다음과 같은 느낌으로 디자인했다. 사용한 CSS 기술과 배운점은 1. ::before 와 ::after를 이용해서 탭 사이에 여유공간을 만들었다. 이 덕분에 가장 첫번째 탭 왼편에 여유 공간을 만들 수 있었다. 다만 width를 설정해줄 때 주의할점은 기본적으로 이들은 inline이기 때문에 inline-box로 만들어줘야 동작한다. 2. 맨 마지막에 tab 요소들을 모두 배치하고 남은 부분의 border-bottom을 따로 주기 위해서 dummy-tab을 만들고 flex:1 로 남은 width를 모두 차지하도록 하였다. #2 URL query 사용 const {tab, page} = req.query; 간단하게 해당 쿼리로 데이터를 불러오는 건 쉬웠다. undefined인 경..

2024. 3. 30. 16:12
프로젝트 기록/러시아어 사전 및 검색 웹

개발 과정 리뷰 -16- 한글 유니코드로 ㄱㄴㄷ 카테고리 분리하기

#개요 https://www.youtube.com/watch?v=2QtG7QbXOPY 위 유튜브 영상을 참고했다. 간단하게 위에서 설명한 내용을 정리하면, 한글 유니코드 나열에는 규칙이 있다. 1. 모든 글자가 사전순으로 정렬되어 있다. 사전순이란, 초성 중성을 고정한 채 종성(받침)이 모두 바뀌어야 중성이 다음으로 넘어가는 것을 의미한다. 이렇게 중성까지 다 바뀌면 초성이 바뀌어 다음으로 넘어가게 된다. 영상에서는 이해하기 쉽게 이러한 패턴을 시계와 비교하여서 설명해주었다. 한글은 종성의 갯수가 받침이 없는 경우, 쌍받침을 모두 합쳐서 28개, 중성 21개, 초성 19개로 19시 , 21분 , 28초까지 있는 시계로 비유하였다.

2024. 3. 27. 21:28
프로젝트 기록/러시아어 사전 및 검색 웹

개발 과정 리뷰 -15- SummerNote 관련

https://summernote.org/<figure id="og_1711339446266" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="website" data-og-title="Summernote - Super Simple WYSIWYG editor" data-og-description="Super Simple WYSIWYG Editor on Bootstrap Summernote is a ..

2024. 3. 25. 13:26
프로젝트 기록/러시아어 사전 및 검색 웹

개발 과정 리뷰 -14- Status code 관련 개발

#1 Status 코드 특정 요청에 대해서 결과를 나타내는 상태코드. 어떤 요청에 대해서 브라우저가 결과를 알게 해주고 싶다면 해당 코드를 직접 조절하여 보낼 필요도 있다. res.render 사이에 status 메소드를 넣어주면 간단하게 사용 가능하다. const usernameDuplication = await User.exists({username: username}); if(usernameDuplication){ return res.status(400).render("join",{ errorMessage: "이미 사용 중인 활동명입니다." }) }

2024. 3. 20. 09:15