Learning JavaScript 함수 ES6
자바스크립트에서의 함수 자바스크립트에서는 함수도 객체입니다. 따라서 다른 객체와 마찬가지로 넘기거나 할당 할 수 있습니다. 함수 호출과 참조의 차이를 이해하는 것이 중요합니다. 함수 식별자 뒤에 괄호를 쓰면 자바스크립트는 함수를 호출하려 한다고 이해하고, 함수 바디를 실행합니다. 그리고 함수를 호출한 표현식은 반환값이 됩니다. 괄호를 쓰지 않으면 다른 값과 마찬가지로 함수를 참조하는 것이며 그 함수는 실행되지 않습니다. function getGreeting() { return "Hello World"; } getGreeting();//"Hello World" getGreeting;//function getGreeting() 함수를 호출하지 않고 다른 값과 마찬가지로 참조하기만 할 수 있다는 특징은 자바스..
단항 부정, 단항 플러스 산술 연산자는 대부분 알고 있는데 단항 부정과 단항 플러스는 다소 생소할 것이다. 별거 아니지만 자바스크립트에서 사용될 수 있는 연산자다. 단항 부정 -x //x의 부호를 바꿀 수 있다. x가 5였다면 -5로 바꿔준다. 단항 플러스 +x //x가 숫자가 아니면 숫자로 변환을 시도한다. const s ="5"; const y = 3 + +s; y => 8 //여기서 단항플러스가 없었다면 문자열병합을 시도하여 "35"가 되었을 것 비교연산자 === 일치함, == 동등함 ===은 같은 객체 or (같은 타입 and 같은 값)으로 이루어야 일치하게 나옵니다. == 동등함은 자료형과는 상관없이 값만 같으면 됩니다. 33 == "33"이 true가 나오기 때문에 여러가지 문제를 야기시킬 수..
Learning JavaScript (for..in, for..of)
for...in for..in문은 자바에서도 자주 쓰이는 문법이다. 객체를 좀더 쉽게 다루기 위해 생겨난 제어문으로 사용법은 아래와 같다. const player = {name:'Thomas', rank:'Midshipman', age:25}; for(let prop in player){ if(!player.hasOwnProperty(prop)) continue; console.log(prop+ ':' + player[prop]); } player 변수를 넣고 돌리면 key값 들을 순회하는 것이다. 값을 뽑으려면 객체[key]로 뽑아야한다. 4번째 줄은 에러가 생길 수 있기 때문에 예외처리를 해준 것이다. for...of 이 문법은 ES6에서 새로 생긴 반복문이며 컬렉션의 요소에 루프를 실행하는 다른 방..
CSS 글자 짜르고 ... 붙이기, 말 줄임
이번 프로젝트로 채팅을 하다보니 채팅방에 너무 긴 최근 메시지는 좀 짤라야 할 필요가 생겼다.그래서 내가 원한 크기만큼만 보이고 그 뒤에는 짜르고 ...을 붙이는 과정을 진행해 볼것이다. 위 처럼 보시다 시피 1줄로 깔끔하게 하고 싶다는 욕구가 생길 것이다. 먼저 여러줄로 나눠질 글자를 white-space:nowrap으로 한 줄로 쭉 나오게 만든다. 한 줄로 쭉 나오게 되면 width로 나올 길이를 지정한다. 그 뒤에 넓이가 넘어가는 부분에서는 overflow: hidden으로 그것을 가려줬다. 그리고 text-overflow: ellipsis; 로 텍스트가 넘어가면 ...이 나오는 옵션을 설정해준다. 결과창
모달창으로 데이터 넘기기
신고 내역을 받아와서 블랙 리스트처리를 하는 로직인데 비슷한게 많을지도 모른다는 생각에 신고자와 피신고자 그리고 신고내용을 조건으로 일치하는 값을 신고내역 테이블에서 삭제하고 블랙리스트 테이블에 추가.이때 정지할 날짜를 받아서 현재 시간으로 부터 정지할 시간까지 더해 저장할 것이다. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 #container{ text-align: center; } 신고 내역 신고한 회원 신고 당한 회원 신고 내용 신..
제이쿼리 스크롤 최신화, 원하는 위치로 옮기기
회색깔이 chatContent고 초록색이 insertContent이다. 보여지는 칸은 회색이지만 실질적으로 채팅의 내용이 쌓이면 초록색처럼 튀어 나가게 될것이다. 이 성질을 이용해서 스크롤을 맨 아래로 이동 시킬 것이다. 채팅 내용이 다 담긴 div 높이에서 화면에 보여질 만큼의 부분을 뺀다. 예를 들어 전체 채팅내용이 10인데 보여지는 화면이 2라면 10-2=8이 된다. 그래서 보여지는 화면에 scrollTop(8)만큼 이동하게 해서 맨 아래 2만 보이니 스크롤의 맨 아래로 이동이 되는 것이다. (코드) var maxScroll = $("#insertContent").height() - $("#chatContent").height();$("#chatContent").scrollTop(maxScroll);
net.sf.json.JSONException: java.lang.reflect.InvocationTargetException 위 에러로 개고생 한게 있어서 나중에 참고용으로 해결법만 간단하게 써 놓을 예정이다. JSON 파싱할 때 타입이 맞지 않아 생기는 에러란다. 이걸 해결해 주려면 select to_char(sysdate, 'yyyy-MM-dd HH24:mi:ss) as cDate from dual; 이런식으로 char 형식으로 바꿔 준 다음 VO객체에 String으로 담아서 보냈다.