일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- Chart.js
- 2022
- 리액트
- typescript
- NonNullable
- 타입좁히기
- 반복줄이기
- 티스토리꾸미기
- TSDoc
- vue.js
- 성능최적화
- React.js
- 개발콘텐츠
- const 단언문
- 누구나 자료구조와 알고리즘
- utilty type
- React Native
- returnType
- react
- 공통컴포넌트
- JS console
- 타입스크립트
- 레이아웃쪼개기
- 제네릭
- click and drag
- 폰트적용하기
- javascript
- CSS
- reactjs
- 커스텀
- Today
- Total
목록전체 (622)
몽땅뚝딱 개발자
에러 *************************** APPLICATION FAILED TO START *************************** Description: Web server failed to start. Port 8081 was already in use. Action: Identify and stop the process that's listening on port 8081 or configure this application to listen on another port. 원인 Vue 프로젝트를 8081 포트로 빌드한 상태에서 같은 포트를 사용하여 생긴 오류이다. 해결 1. application.properties에서 server.port의 값을 다른 번호로 바꿔준다. ser..
📄 ApiSwaggerApplication.java package com.moddk.swagger; import javax.sql.DataSource; import org.apache.ibatis.session.SqlSessionFactory; import org.mybatis.spring.SqlSessionFactoryBean; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.context.annotation.Bean; import org.springframework.core.io.Resou..
에러 fatal: unable to access 'https://github.com/hvsundev/vue-popup.git/': Could not resolve host: github.com 해결 git config --global --unset http.proxy git config --global --unset https.proxy 개인적으로 공부한 내용을 정리하는 블로그로 잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.
◽ Function CREATE DEFINER=`root`@`localhost` FUNCTION `COUNT_STR`( X VARCHAR(255), DELIM VARCHAR(12) ) RETURNS int RETURN ((LENGTH(X) - LENGTH(REPLACE(X, DELIM, ''))) / LENGTH(DELIM))+1 ◽ 실행예시 select todo.COUNT_STR('레오, 나르, 도, 다빈, 츠', ','); 개인적으로 공부한 내용을 정리하는 블로그로 잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.
◽ UPDATE, DELETE 쿼리 사용 시 safe 모드 해제 -- 해제 set SQL_SAFE_UPDATES = 0; -- 설정 set SQL_SAFE_UPDATES = 1; ◽ 디폴트 스키마로 지정하기 스키마가 2개 이상일 경우 테이블 앞에 스키마 이름을 적어야 쿼리 실행이 가능하다. [Set as Default Schema]로 디폴트 스키마를 지정하면 해당 스키마의 테이블을 사용할 때 스키마 이름을 적지 않아도 된다. 디폴트로 지정된 스키마의 이름은 굵게 표시된다. ◽ 프로시저(procedure) 만들기 CREATE DEFINER=`root`@`localhost` PROCEDURE `updateComYnOfTodoList`( IN idx INT ) BEGIN DECLARE comYn VARCHAR..
◽ Function CREATE DEFINER=`test`@`%` FUNCTION `fn_choSearch`( `str` varchar(20) ) RETURNS varchar(20) CHARSET utf8 BEGIN -- 초성검색 function declare returnStr varchar(100); declare cnt int; declare i int; declare j int; declare tmpStr varchar(10); if str is null then return ''; end if; set cnt = length(str)/3; set i = 1; set j = 1; while i = '가' AND tmpStr < '나' ) then 'ㄱ' when tmpStr rlike '^ㄴ' OR..
에러 MySQL 워크벤치에서 함수를 생성할 때 생긴 에러이다. Apply changes to fn_choSearch Error 1418: This function has none of DETERMINISTIC, NO SQL, or READS SQL DATA in its declaration and binary logging is enabled (you *might* want to use the less safe log_bin_trust_function_creators variable) 원인 함수 생성 권한이 없는 상태였다. 해결 -- 1: ON / 0: OFF SET GLOBAL log_bin_trust_function_creators = 1; -- 해당 옵션의 ON/OFF 여부를 알 수 있는 쿼리 sh..
예전에 Vue.js를 사용하는 프로젝트 인터뷰에서 'ES5와 ES6의 차이점을 알고계신가요?'란 질문을 받았는데 그 때 나는 제이쿼리도 써본적이 없고 ES5나 ES6는 들어본적도 없다고 대답했다. 인터뷰가 끝나고 처음으로 둘의 차이를 찾아보며 매일 매일 주구장창 쓰고있던게 ES5란 사실을 알았다. 게다가 내가 자바스크립트라 믿으며 작성한 코드가 사실 자바스크립트와 제이쿼리를 모두 같이 사용한 문법이었다. 인터뷰 본 곳은 ES6 문법을 사용했는데, 일하게되면서 자연스럽게 그 차이를 한번 더 느끼게 됐다. 그때까지는 제이쿼리, 자바스크립트, ES5와 ES6의 개념이나 차이를 전혀 모른채로 사용하고 있었다. await, async를 사용하는 것과 변수를 선언할 때 var가 아닌 let, const를 사용하는 ..
1. DB 구조 및 데이터 MySQL 워크벤치로 테이블을 생성한다. ◽ idx: 투두리스트 index ◽ contents: 투두리스트의 내용 ◽ complete_yn: 활성화/완료 여부. 각 투두의 체크박스를 체크할 때 마다 값이 반영됨 ◽ user_id: 각 유저의 식별된 아이디값 GIT 🚩 Github | https://github.com/hvsundev/Spring 개인적으로 공부한 내용을 정리하는 블로그로 잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.
📄 home.jsp JSTL의 Core와 Functions 태그를 사용했다. ALL ACTIVE COMPLETED Add 등록된 할 일이 없습니다. ${ item.contents } 삭제 📄 css.css 전체 박스안에 시계, 서브탭, TodoList 이렇게 3부분으로 나뉘어져 있다. body { margin: 0 auto; background-image: url("../img/background.png"); background-size: 80%; background-attachment: fixed; -ms-overflow-style: none; } ::-webkit-scrollbar { display: none; } /* 시간 & 시계 */ .time_wrap { text-align: center; h..