[Electron] 15.상세보기 기능 수정 및 마크업 디자인 반영 - 레시피 일렉트론 앱

GitHubhttps://github.com/bsorryman/recipe-bag개요 기존에는 '레시피 상세 보기 기능'을 위해, DB에 바이너리 타입으로 들어있는 파일을 압축 해제(Decompress)하여 텍스트 파일을 보여주도록 했다. 해당 기능을 수정하고 마크업 디자인 적용 및 검색어 Highlight 기능을 구현한다. JavaScript 코드 selectRecipeByIdAndKeyword(keyword, id) { if (this.db == null) return ''; let query = ''; if (keyword==null || keyword=='') { query = ` SELECT id, title, ingredients, instruc..

• format_list_bulleted 토이 프로젝트/레시피 일렉트론 앱 (완)
• · 2024. 6. 27.
• textsms

[Electron] 14.디자인 마크업 적용 및 무한 스크롤 기능 추가 - 레시피 일렉트론 앱

사실 이미 프로젝트는 4월 초에 끝나서 v1.0으로 빌드까지 완료되었다. 근래에 일이 있어 기록이 소홀해졌는데, 더 늦기전에 다시 기억을 더듬으며 기록하기로 한다. GitHubhttps://github.com/bsorryman/recipe-bag개요기획, 디자인 틀만 잡아두었던 HTML 코드를 걷어내고, 회사 동료가 작성해준 HTML, CSS 소스를 적용하였다. 기본적인 틀은 비슷하지만 검색 결과 페이지 내 페이징 방식을 버튼 식에서 무한 스크롤 식으로 변경하였다.  무한 스크롤 selectRcpByKeyword(keyword, column, offset) { if (this.db == null) return ''; if (column == 'all') { column = ..

• format_list_bulleted 토이 프로젝트/레시피 일렉트론 앱 (완)
• · 2024. 6. 26.
• textsms

백준 1541: 잃어버린 괄호 (그리디 알고리즘) -Java

실버2https://www.acmicpc.net/problem/1541 문제세준이는 양수와 +, -, 그리고 괄호를 가지고 식을 만들었다. 그리고 나서 세준이는 괄호를 모두 지웠다.그리고 나서 세준이는 괄호를 적절히 쳐서 이 식의 값을 최소로 만들려고 한다.괄호를 적절히 쳐서 이 식의 값을 최소로 만드는 프로그램을 작성하시오. 입력첫째 줄에 식이 주어진다. 식은 ‘0’~‘9’, ‘+’, 그리고 ‘-’만으로 이루어져 있고, 가장 처음과 마지막 문자는 숫자이다. 그리고 연속해서 두 개 이상의 연산자가 나타나지 않고, 5자리보다 많이 연속되는 숫자는 없다. 수는 0으로 시작할 수 있다. 입력으로 주어지는 식의 길이는 50보다 작거나 같다. 출력첫째 줄에 정답을 출력한다. 예제 입력55-50+40 예제 출력-3..

• format_list_bulleted 개발/백준
• · 2024. 5. 26.
• textsms

백준 9184: 신나는 함수 실행 (동적계획법 - Dynamic Programming) -Java

실버2https://www.acmicpc.net/problem/9184 문제재귀 호출만 생각하면 신이 난다! 아닌가요?다음과 같은 재귀함수 w(a, b, c)가 있다.if a 20 or b > 20 or c > 20, then w(a, b, c) returns: w(20, 20, 20)if a 위의 함수를 구현하는 것은 매우 쉽다. 하지만, 그대로 구현하면 값을 구하는데 매우 오랜 시간이 걸린다. (예를 들면, a=15, b=15, c=15)a, b, c가 주어졌을 때, w(a, b, c)를 출력하는 프로그램을 작성하시오. 입력입력은 세 정수 a, b, c로 이루어져 있으며, 한 줄에 하나씩 주어진다. 입력의 마지막은 -1 -1 -1로 나타내며, 세 정수가 모두 -1인 경우는 입력의 마지막을 제외..

• format_list_bulleted 개발/백준
• · 2024. 5. 26.
• textsms

백준 28279: 덱 2 -Java

실버4https://www.acmicpc.net/problem/28279 문제정수를 저장하는 덱을 구현한 다음, 입력으로 주어지는 명령을 처리하는 프로그램을 작성하시오.명령은 총 여덟 가지이다.1 X: 정수 X를 덱의 앞에 넣는다. (1 ≤ X ≤ 100,000)2 X: 정수 X를 덱의 뒤에 넣는다. (1 ≤ X ≤ 100,000)3: 덱에 정수가 있다면 맨 앞의 정수를 빼고 출력한다. 없다면 -1을 대신 출력한다.4: 덱에 정수가 있다면 맨 뒤의 정수를 빼고 출력한다. 없다면 -1을 대신 출력한다.5: 덱에 들어있는 정수의 개수를 출력한다.6: 덱이 비어있으면 1, 아니면 0을 출력한다.7: 덱에 정수가 있다면 맨 앞의 정수를 출력한다. 없다면 -1을 대신 출력한다.8: 덱에 정수가 있다면 맨 뒤의 정..

• format_list_bulleted 개발/백준
• · 2024. 5. 26.
• textsms

백준 18258: 큐 2 -Java

실버4https://www.acmicpc.net/problem/18258 문제정수를 저장하는 큐를 구현한 다음, 입력으로 주어지는 명령을 처리하는 프로그램을 작성하시오.명령은 총 여섯 가지이다.push X: 정수 X를 큐에 넣는 연산이다.pop: 큐에서 가장 앞에 있는 정수를 빼고, 그 수를 출력한다. 만약 큐에 들어있는 정수가 없는 경우에는 -1을 출력한다.size: 큐에 들어있는 정수의 개수를 출력한다.empty: 큐가 비어있으면 1, 아니면 0을 출력한다.front: 큐의 가장 앞에 있는 정수를 출력한다. 만약 큐에 들어있는 정수가 없는 경우에는 -1을 출력한다.back: 큐의 가장 뒤에 있는 정수를 출력한다. 만약 큐에 들어있는 정수가 없는 경우에는 -1을 출력한다.입력첫째 줄에 주어지는 명령의 ..

• format_list_bulleted 개발/백준
• · 2024. 5. 26.
• textsms