본문 바로가기

분류 전체보기

 (383)
프로그래머스 코테 배열뒤집기 java 배열뒤집기 출처: 프로그래머스 코딩 테스트 연습, https://school.programmers.co.kr/learn/challenges 코딩테스트 연습 | 프로그래머스 스쿨 개발자 취업의 필수 관문 코딩테스트를 철저하게 연습하고 대비할 수 있는 문제를 총망라! 프로그래머스에서 선발한 문제로 유형을 파악하고 실력을 업그레이드해 보세요! school.programmers.co.kr 문제 설명 : 정수가 들어 있는 배열 num_list가 매개변수로 주어집니다. num_list의 원소의 순서를 거꾸로 뒤집은 배열을 return하도록 solution 함수를 완성해주세요. class Solution { public int[] solution(int[] num_list) { int[] answer = new in..
jquery toggle 탭 버튼 만들기 제이쿼리 토글 탭 버튼 만들기. 아주 다양한 방식이 존재하지만... 오늘은 이렇게 만들어 봤다! $('.btn > div').click(function(){ const classNameIs = $(this).attr('class'); // 클래스 이름으로 패널 const panelSelector = '.panel' + classNameIs.charAt(0).toUpperCase() + classNameIs.slice(1); // 선택한 패널의 토글, 형제요소 숨기기 $(panelSelector).toggle(0, function(){ $(this).siblings().css("display","none"); }); }); HTML 마크업된 부분의 이름을 가져와서 만들어주는게 포인트다. 결과 : HTML ..
svg fill을 javascript로 변경하기 프로젝트에 아이콘 이미지를 png로 사용 중이었는데, 상태가 normal과 hover 2가지이다. 그렇다보니 모든 아이콘 이미지가 2개씩 있다. 그냥 뭐 그대로 해도 되는데.. 이번에 내가 맡은 부분에서는 svg 파일 하나로 컨트롤을 해보고 싶었다. svg 파일을 이미지로 사용하면 마우스 오버 했을 때, fill을 변경 할 수가 없어서 자바스크립트로 했다. css background image로 해도 마찬가지로 fill을 변경 할 수 없었다. // pu_btn 마우스 오버 function handleHover(button) { const svgPath = button.getAttribute("data-svg-path"); const svgDiv = button.querySelector("div"); co..
출근길 지하철에서 갑자기 속이 울렁거리더니 월요일, 월요병 심해서 더 일찍 일어나버리는데... 그래서 평소보다 10분일찍 나왔다. 머리가 계속 지끈 거렸지만 걸어서 역까지 가는건 괜찮았다. 근디 검암역부터 뭔가 이상했다. 냄새에 민감해지더니 그때부터 속이 울렁울렁.. ㅜㅜ 내려서 화장실을 가야되나 고민이 되기 시작했다. 빨리 결정할 수 없었던 이유는 공항철도에서 지금 내리는 순간... 도착시간이 +20~30분 되버리니까 참았다. 계속 참으면서 가고 있는데, 아! 이건 이제 못막는다!! 하는 생각이 번쩍 들어서 바로 내려서 화장실로 후다다다다닥 가서 다 토했다. 오랜만에 눈물 콧물 다 쏟아져내리는 경험이었다. 명치쪽이 누가 때린 것 처럼 쑤욱 들어가서 다 게워지는 이 현상..... 너무 아팠다! 그나저나 그때 못 내렸으면..... 지하철 안에다가 ..
스타벅스 시크릿 경기 (직장인 점심시간) 아침부터 괜한 분노가 쌓여서 ... 혼자 점심 시간을 즐기기 위해 사무실을 뛰쳐나왔다!! 13분 정도 걸어가야 하는 스타벅스로 성큼성큼 걸어가면서 사이렌 오더로 주문했다!! 경기도라서 있는 건진 뭔지 모르겠지만 "시크릿 경기"가 보여서 당장에 주문을 넣었다!어마어마어마하게 달다... 한 입 빨아먹고 쇼크오는 줄... 그래도 이유모를 분노는 사그라들었다!!당이 62구람이라니.... 내 몸... 걱정된다.. 이미 다 마셔버리긴 했지만... 소화시켜라... 제발... 주변 공원에 앉아서 시크릿 경기 음료와 식빵 두쪽을 먹었다. 그늘은 서늘하고 햇빛은 뜨거운 하루였다. 기능 만들던게 안되고 안되서 내가 또 바보같았는데, 퇴근 할 때쯤 구현되었다. 코드는 정리해야되지만... 일단 만들어놨다. 퇴근의 마법인가...
제이쿼리 $(this) $('this') 어? 왜 안되지? $('this') 이렇게 써서 안되었던 것임.. 오랜만에 제이쿼리를 썼다고하기에는.... 어처구니 없는 실수였다. 따옴표 빼야함!! 나같은 사람이 있나 싶어서 검색해봄. 참고 : https://stackoverflow.com/questions/12712030/this-vs-this-in-jquery $(this) vs $('this') in jquery What's the difference between $(this) vs $('this') in jquery ? stackoverflow.com
자바스크립트 상수 선언 const시 대문자 사용에 대해 각개전투인듯 함께 개발하는 우리들... 내가 맡은 부분에 const로 선언한 상수 네임을 대문자로 사용하고 있었는데, 저녁시간에 그동안 내가 작성한 코드를 읽다가, 무언가, 어딘가.. 일관성이 없어 보였다. 단지 지식+경험 부족으로 코드가 지저분해서일까? const마다 대문자를 사용해서일까? 아직도 여전히 쪼렙이라 긴가민가하여 " 상수 대문자 " 검색했다! 좋은 글이 있어서 링크를 걸어본다! 언젠간.. 다시 읽어 보겠지 생각하며... ( 좋은글 감사... 많이 배워갑니다.. ) 코드를 다시 수정하러....... https://ko.javascript.info/variables 변수와 상수 ko.javascript.info https://velog.io/@sssssssssy/javascript-%EC%99..
타블레이터 tabulator 검색 기능 filter HTML 삽입 미리보기할 수 없는 소스 타블레이터 tabulator에서 검색기능을 이용하고 싶을 때! search가 아니라 filter라는 점.. .!! 코드펜에 작성한 부분은 공식 문서 보고 대략적으로 보이게끔 만든 것이고... 아래는 실제 적용했던 코드 일부를 가져옴 !! JS : $(function(){ mainApp.init(); }); //일부 복붙. const mainApp = { init: function(){ document.getElementById("filter-value").addEventListener("keyup", this.crsrdFilter); , crsrdFilter: function(){ const valueEl = document.getElementById("filter..

티스토리툴바