분류 전체보기

스프링 JSP 프로젝트를 진행했을 때 tiles 라는 프레임워크를 사용해본 적이 있다. 레이아웃 구성이 간편해서 새 프로젝트를 구성할 때 쓰고 싶었지만 이제는 deprecated 되었다고 한다. 그래서 비슷한 구조를 만들기로 결심하고 include를 이용해서 살펴보던 중 JSP에도 Custom Tag라는 게 있다는 걸 발견했다. Custom tag란? 커스텀 태그는 말 그대로 JSP에서 사용자 지정 태그를 만들고 재사용할 수 있는 일종의 컴포넌트 같은 기능이다. JSP 2.0 이후에 등장하였으며, 이전 방식인 태그 라이브러리 태그보다 더 유연하고 간소화된 사용 방법을 제공한다고 한다. JSTL(태그 라이브러리)는 JSP에서 자주 사용하는 forEach, include 등의 태그 문법을 포함하고 있으며 이..

다양한 라이브러리 및 메소드의 매개변수로 DOM 요소를 전달할 때 jQuery 선택자를 이용해서 지정하면 에러를 출력한다. 사실 jQuery를 이용하지 않으면 그만인 문제이지만 코드의 일관성을 위해서 이 문제에 대해 찾아보게 되었고 근본적인 원인을 알게 되어 나름 공부가 된 듯 하다. 아래에서는 에디터와 자바스크립트 내장 메소드를 이용할 때를 예제로 가져왔다. 예시 (1) CKEditor let editorElement = document.querySelector('#editor'); const initializeEditor = () => { _editor .create(editorElement) .then(editor => { editorElement = editor; }) .catch(); } 에러 ..

문제 설명 정수가 담긴 리스트 num_list가 주어질 때, 모든 원소들의 곱이 모든 원소들의 합의 제곱보다 작으면 1을 크면 0을 return 하도록 solution 함수를 완성해주세요. 제한사항 - 2 ≤ num_list의 길이 ≤ 10 - 1 ≤ num_list의 원소 ≤ 9 1차 풀이 function solution(num_list) { function sum(acc, cur) { return acc + cur; } function multiply(acc, cur) { return acc * cur; } const squaredSum = num_list.reduce(sum) ** 2; const multiplied = num_list.reduce(multiply); return Number(mul..

이전 글 보기 2023.12.21 - [개발 일지] - vue.js 토이 프로젝트 - SQL 시험 대비 문제풀이 사이트 (1) 프로젝트 시작 지난 번에는 전체적으로 빠르게 코드를 짜고 핵심 기능까지는 만들어 놓았다. 깃허브 저장소에 코드도 올렸고, 이름은 뭐로 할지 고민하다가 정말 직관적인 sql-test-helper로 정함... 좋은 네이밍 센스 가지고 싶당 저번에 계획한대로 전체적인 디자인을 입혔다. 그럭저럭 완성도 있고 심플하게 나온 것 같아서 마음에 드는 듯 😘 아무래도 문제만을 보는 사이트다 보니까 복잡할 수록 시선이 분산될 것 같아서 웬만한 건 다 빼버렸다 그냥 ... 다른 문제풀이 사이트들도 많이 참고하면서 봤는데, 원하는 느낌은 없는 것 같아서 기존에 짜놓은 틀대로 가기로 결정! 반응형 처..

정보처리기사 자격증을 공부할 때 SQL 문제들을 연습할 곳이 너무 없었다. 그래서 계속 블로그들을 찾아서 복원 문제만 풀어보고를 반복했는데, 지금은 취득했지만, 붙든 못 붙든 꼭 만들어봐야 겠다고 다짐한 사이트! 마침 주변에 정보처리기사 준비 하는 지인들이 있어 1회차 시험 치르기 전에 미리 만들어서 도움을 주고자 한다. 무작정 공부하는 것도 좋은 방법이지만, 필요한 서비스를 생각하고 작은 규모라도 만들어 보면서 배우면 손에 좀 더 빨리 익는 기분이다... 😉 큼지막한 기능은 대충 아래와 같이 구상했다. 기존 문제 (복원 문제) 풀어보기 회차별 풀기 대비 문제 생성 문법 및 단원 공부 (미정) 별거 없지만... 만들고보면 누구에게든 도움이 되지 않을까 싶은 마음이 있다. 그리고 잘 다듬으면 내가 다른 자..

이전 글 보기 - 전체 코드 및 소개는 1편에서 확인할 수 있습니다. 2023.12.13 - [개발 일지] - vue.js 토이 프로젝트 - 코드 관리 서비스 제작기 (1) 프로젝트 소개 2023.12.14 - [개발 일지] - vue.js 토이 프로젝트 - 코드 관리 서비스 제작기 (2) localStorage 2023.12.15 - [개발 일지] - vue.js 토이 프로젝트 - 코드 관리 서비스 제작기 (3) ui/ux 지난 편에서 ui/ux를 변경하고 적용했다. 오늘은 모바일에서도 편하게 이용할 수 있도록 반응형을 적용해보았다. 브라우저 크기를 모바일, 아니 태블릿 정도로만 줄여도 스타일이 처참하게 깨졌다... 😭 반응형을 고려하지 않고 제작했을 때 이런 참사가 일어남 근데 나는 반응형으로 뭔가 ..

토이 프로젝트에 scss를 적용했는데 전역 스타일 적용 후 빌드 할 때 에러가 났다. 먼저 나는 vue2 (vue@2.6.14) 버전을 이용중. 여기서 전역 스타일 설정이란, 매번 스타일 영역에서 scss파일을 import하지 않고 사용하는 설정을 말한다. scss 설치 npm install --save-dev node-sass sass-loader 위와 같이 설치하고, 아래와 같이 전역 설정을 해주자. vue.config.js module.exports = { ... css: { loaderOptions: { sass: { data: ` @import "@/assets/scss/_variables.scss" ` } } } } 그리고 빌드. ValidationError: Invalid options ob..

이전 글 보기 - 전체 코드 및 소개는 1편에서 확인할 수 있습니다. 2023.12.13 - [개발 일지] - vue.js 토이 프로젝트 - 코드 관리 서비스 제작기 (1) 프로젝트 소개 2023.12.14 - [개발 일지] - vue.js 토이 프로젝트 - 코드 관리 서비스 제작기 (2) localStorage 이전 편에서 localStorage를 이용해 코드 조각들을 관리했다. 오늘은 코드 수정, 삭제 기능을 추가하기에 앞서 전체적인 ui/ux를 변경해보는 과정을 진행했다. 기능을 추가하는데 왜 ui/ux를 변경하냐 한다면... 😅 기존 페이지의 디자인을 너무 제멋대로 정했더니 기능을 추가하기가 너무 까다로웠다. 처음 만들 때 "동적으로 파일 조회!!!"에만 꽂혀서 만들었기 때문에 추후 구현될 기능에..