Category 192

[M1 Mac] Hombrew MySQL 설치

Mysql search 1. brew search mysql  Mysql 다운 2. brew install mysql 3. (에러 발생했을경우) brew install openssl * Error 발생 이유 : homebrew update 문제 * 참고 : https://jinmay.github.io/2020/05/18/mysql/fix-error-installing-mysql-on-mac/ [mysql]macOS에서 brew로 mysql 설치할때 주의할 점 brew install 명령어를 통해 mysql을 설치할 때, 가끔 알 수 없는 에러가 발생할 때가 있다. openssl을 재설치해보고 git과 gcc 등을 다시 설치해보아도 해결 할 수 없었던 적이 있는데 생각외로 간단하게 jinmay.githu..

iOS 2021.11.24

[jQuery]동적 append 후 .find() .remove()

​ ul에 동적으로 li를 append 시키고 3초안에 각각의 li 태그를 .remove() 시킨다. .find() *배열에서 특정 값을 찾는 조건을 callback 함수를 통해 전달하여, 조건에 맞는 값 중 첫번째 값을 리턴 만약 배열에 조건을 만족하는 값이 없으면 undefined를 리턴 var ul = $(".divUl"); var li = $('새로운 Q&A가 등록되었습니다.'); ul.append(li); setTimeout(function(){ $(".ul").find(li).remove(); }, 3000);

js 2021.11.19

[css] Flexbox 사용 <ul><li></li></ul> 네모박스 세로정렬

* display: flex; align-content: flex-start; flex-direction: column; flex-wrap: wrap flex-wrap flex-wrap property는 flex-item 요소들이 강제로 한줄에 배치되게 할 것인지, 또는 가능한 영역 내에서 벗어나지 않고 여러행으로 나누어 표현 할 것인지 결정하는 속성이다. 만약 영역 내에서 벗어나지 못하게 설정한다면, 동시에 요소의 방향 축을 결정할 수 있다. ul : 부모 엘리먼트 - display: flex를 설정 한 부모 엘리먼트 li : 자식 엘리먼트 - Flex container 내의 자식 엘리먼트 .divUl{display: flex; align-content: flex-start; flex-direction..

css 2021.11.19

[Spring] WebSocket sockJS Q&A 실시간 알림 구현하기 (2)

[Spring] WebSocket sockJS Q&A 실시간 알림 구현하기 (1) WebSocket : 웹소켓에서는 서버와 브라우저 사이에 양방향 소통이 가능 웹 소켓은 HTML5 이후에 나왔기 때문에 Socket.io와 SockJS 이용해서 HTML5 이전 기술로 구현된 서비스에서도 웹 소켓처럼 사용할 수 truecode-95.tistory.com [ 개발 부분 ] WebSocketHandler.java package egovframework...; import java.util.Map; import java.util.concurrent.ConcurrentHashMap; import org.apache.commons.lang3.StringUtils; import org.apache.ibatis.sess..

Spring 2021.11.12

[Spring] WebSocket sockJS Q&A 실시간 알림 구현하기 (1)

WebSocket : 웹소켓에서는 서버와 브라우저 사이에 양방향 소통이 가능 웹 소켓은 HTML5 이후에 나왔기 때문에 Socket.io와 SockJS 이용해서 HTML5 이전 기술로 구현된 서비스에서도 웹 소켓처럼 사용할 수 있다. 클라이언트쪽은SockJS client를 통해 서버와 통신한다. 그래서 javaScript에서 sockJS 이용하여 실시간 알림을 구현해보려고 한다. [ 세팅 부분 ] pom.xml (= Maven 설정) https://mvnrepository.com/artifact/org.springframework/spring-websocket org.springframework spring-websocket ${spring.maven.artifact.version} javax.webso..

Spring 2021.11.11

[jQuery] enter Event 처리하기 keyCode / key

keyup : 누른 키에서 손을 뗄 때 실행. $("#아이디명").keyup(function(e){ if(e.keyCode == 13){ // 호출할 함수나 기능 작성 } }); $("#아이디명").keyup(function(e){ if(e.which == 13){ // 호출할 함수나 기능 작성 } }); keydown : 키보드에 어떠한 키가 눌려도 실행 $("input[name=name명]").keydown(function(e) { if(e.keyCode == 13){ // 호출할 함수나 기능 작성 } }); $("input[name=name명]").keydown(function(e) { if(e.which == 13){ // 호출할 함수나 기능 작성 } }); Key Code Key Code Key..

js 2021.11.04