티스토리

차근차근 배움터
검색하기

블로그 홈

차근차근 배움터

ninetynine-2026.tistory.com/m

2020 09 - 개발꿈나무

구독자
13
방명록 방문하기
공지 The way to become a ⋯ 모두보기
반응형

주요 글 목록

  • [JS] 자바스크립트 메서드 작명 규칙 자바스크립트 메서드 이름 짓기 규칙 자바스크립트에서 메서드 이름을 지을 때는 다음과 같은 규칙을 따르는 것이 좋습니다. 1. 동사로 시작하기 메서드 이름은 보통 동사로 시작합니다. 메서드가 어떤 동작을 수행하는지 잘 나타내야 합니다. 2. 카멜 케이스 사용하기 두 개 이상의 단어를 이어서 메서드 이름을 지을 때는 카멜 케이스(camel case)를 사용합니다. 즉, 두 번째 단어부터 첫 글자를 대문자로 적습니다. // Good function calculateTotalPrice() { // ... } // Bad function calculatetotalprice() { // ... } 3. get, set 접두어 사용하기 객체의 속성을 가져오거나 설정하는 메서드의 경우, get과 set 접두어를 사용하.. 공감수 0 댓글수 0 2023. 2. 26.
  • [JS] 전개 연산자란? 전개연산자 예시와 정의 전개 연산자(Spread) 전개 연산자(Spread)는 배열이나 객체 같은 iterable(반복 가능한) 객체의 요소를 하나씩 분리하여 전개한다. 배열의 내용을 첫번째부터 끝까지 나열하고 싶을 때 일일이 작성하는 것 대신 전개 연산자를 사용하여 간단하게 작성할 수 있다. 예시: const fruits = ['apple', 'banana', 'kiwi']; console.log(...fruits); 결과: apple banana kiwi rest parameter 함수의 매개변수에도 이와 같은 전개 연산자를 이용할 수 있는데, 나머지의 모든 인수를 받아내는 역할을 하기 때문에 ‘나머지 매개변수’라고 한다. 또한 속성의 이름과 변수의 이름이 같으면 축약할 수 있다 하나만 남겨도 가능하.. 공감수 0 댓글수 0 2023. 2. 26.
  • 선언과 동시에 함수 실행하기 // IIFE를 만드는 방법 (function() { alert("함수를 괄호로 둘러싸기"); })(); (function() { alert("전체를 괄호로 둘러싸기"); }()); !function() { alert("표현식 앞에 비트 NOT 연산자 붙이기"); }(); +function() { alert("표현식 앞에 단항 덧셈 연산자 붙이기"); }(); 공감수 0 댓글수 0 2021. 11. 23.
  • [Javascript] 자바스크립트 공백제거 .replace() var a = "가 나 다 라 마 바 사 " a.replace(" ","") //"가나 다 라 마 바 사 " a.replace(/ /g,"") //"가나다라마바사" 자바에서는 .trim 을 사용했다면 자바스크립트에서는 직접 " " 공백을 replace(대체)할 문자를 "" 입력해주면 된다! 공감수 0 댓글수 0 2021. 11. 10.
  • [Javascript] 새로고침 여러가지 방법 및 응용 자바스크립트로 새로고침을 찾으려다가 여러가지 방법이 있다는 것을 발견했다. 일반적으로 새로고침하고 싶을 때 location.reload() 를 사용할 수 있다. location.reload(true) 라고 나와있는 곳도 있는데, 똑같이 실행이 된다. 그렇다고 location.reload(false)를 넣는다고 실행이 안되는 건 또 아니다. 1. location.reload() function method1(){ /* 예시 코드 .... */ location.reload() // refresh } 2. history.go(0) history.go(0); 현재 페이지가 0 이라고 생각해서 현재 페이지를 로딩하는 것이 history.go(0)이다. 따라서 이전페이지로 이동하고 싶으면 0 을 -1 로 그 전전 .. 공감수 0 댓글수 0 2021. 8. 20.
  • JSON이란 무엇인가? JSON (JavaScript Object Notation) JavaScript Object Notation라는 의미의 축약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식 Javascript에서 객체를 만들 때 사용하는 표현식을 의미한다. JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작아서, 최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용한다. JSON은 데이터 포맷일 뿐이며 어떠한 통신 방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 표현 방법일 뿐이다. JSON 특징 서버와 클라이언트 간의 교류에서 일반적으로 많이 사용된다. 자바스크립트 객체 표기법과 아주 유사하다. 자바스크립트를 이용하여 JSON 형식의 문서를 쉽게 자바스크립트 .. 공감수 0 댓글수 0 2021. 7. 9.
  • javascript 자바스크립트 checkbox 체크박스 전체선택 Jquery 안 쓰려고 엄청 찾았는데 드디어 알아냈다 - ! 깔끔하게 이거면 끝난다. 공감수 1 댓글수 0 2021. 2. 17.
  • js 숫자만 입력하고 싶을 때 JS로 어떻게 하려고 했는데 사실 아주 간단하다... 공감수 0 댓글수 0 2021. 2. 16.
  • JS 그래프 삽입 + Ajax Javascript 배열 강좌 (나는 필요한 초반만 봤다) 저기저 복잡해보이는 배열 때문에 겨우 겨우 했다. 늘 하기 전에는 정말 어렵고 오래걸리다가 하고 나면 왜 이렇게 쉬운 것 같은지 ..... 이 시점에서 핵심은 저기 for 문 안인 것 같다. [0] 부분, HashMap안의 ArrayList 그리고 ArrayList 안의 Hashmap을 잘 이해할 수 있게 된 부분이다. function lineGraph(){ let myChart = document.getElementById('myChart').getContext('2d'); let massPopChart = new Chart(myChart, { type : 'line', // bar, horizontalBar, pie, line, doughnu.. 공감수 0 댓글수 0 2021. 2. 13.
  • JS로 간단한 그래프 만들기! 유투브 짱... 구글 차트랑 다른 차트 참고하는 데 너무 헷갈려서 유투브 동영상을 참고하니 아주 뚝딱! 공감수 0 댓글수 0 2021. 2. 13.
  • [JavaScript] 자바스크립트로 페이지 이동하기 location.href = ""; location.href = "${pageContext.request.contextPath}/class/class_page.do?class_no=${data.ccrClassVo.class_no}"; 공감수 0 댓글수 0 2021. 2. 5.
  • 취소가 있는 alert창 = confirm창 alert 창에는 취소가 없다. 확인 밖에 없는데 취소가 필요할 때는 어떻게 해야 하냐? alert(); 대신에 confrim(); 을 사용하면 된다. 대신 뒤를 confirm 의 true false 값에 따라서 코드가 실행되도록 구현하면 된다. 공감수 0 댓글수 0 2021. 2. 4.
  • onkeyup() crivius.tistory.com/3 [HTML] onkeypress, onkeyup, onkeydown 사용법 onKeydown(KeyCode 값) : 사용자가 키보드의 키를 눌렀을 때 onKeyup(KeyCode 값) : 사용자가 키보드의 키를 눌렀다가 땠을 때 onKeyPress(ASCII 값) : 사용자가 키보드의 키를 눌렀을 때 정확히 어떤 경우에 발생 crivius.tistory.com 공감수 0 댓글수 0 2021. 2. 2.
  • 박스 보였다 사라졌다 하기 toggle 누르면 댓글창이 뜨고 다시 누르면 댓글창이 닫히게 하고 싶었는데 해당 코드를 이용하면 된다. function showcomments() { var commentsbox = document.getElementById("commentsbox"); if (commentsbox.style.display === "none") { commentsbox.style.display = "block"; } else { commentsbox.style.display = "none"; } } 아주 간단하다! 물론 출처는 W3SCHOOLS 역시 교과서~ How To Toggle Between Hiding And Showing an Element How TO - Toggle Hide and Show Toggle between h.. 공감수 0 댓글수 0 2021. 2. 2.
  • javascript로 input value 값 초기화(인풋 값 초기화하기) 생각보다 아주 간단한 input value , 인풋 값 초기화하기 var input = document.getElementById(id); input.value = null; 끝 이렇게 아주 간단하게 인풋 값에 null(아무것도 입력하지 않음) 값을 넣어 줌으로써 인풋 값을 초기화 시켜줄 수 있다. 공감수 5 댓글수 0 2021. 2. 1.
  • [JavaScript] return과 break의 차이 break = 루프 탈출이때 return과 구분되는 차이는 어디까지 빠져나가느야 입니다. return의 경우 해당 메서드(함수) 자체에서 빠져나가고, break는 함수 자체에서 빠져나가는 것이 아닌 함수 안에 쓰인 루프문에서만 빠져 나간다는 차이점이 있습니다 공감수 0 댓글수 0 2021. 2. 1.
  • 가끔 JS가 먹히지 않을때.. 가끔 자바 스크립트가 먹히지 않을때가 있다. 이상하게 W3그대로 가져온건데... 이름만 빼고 이름이 문제다. close()와 같은 이름을 사용하면 명명법에 따라서 실행이 되지 않는 경우가 있다. 그래서 추가로 이름을 적어주는 것이 좋다. closedes() 라던지 이건 추가 명명법 관련 글 자바스크립트 변수 명명 규칙 첫글자는 소문자, 단위로 첫글자 대문자를 사용, 중간에 언더바(\_)사용 금지한다. 대표적인 표기법으로 카멜 케이스, 파스칼 표기법, 헝가리안 표기법, 스네이크 표기법이 있으며 사용하는 언어 velog.io 공감수 0 댓글수 0 2021. 1. 28.
  • onsubmit return 여러개 function 등록 onsubmit='return !!(join() & id_validation() & nickname_validation() & confirmPw());' 참고 : www.thewordcracker.com/jquery-examples/onsubmit-multiple-javascript-functions/ 공감수 0 댓글수 0 2021. 1. 25.
  • 마우스 focus input 박스 안으로 이동하게 하기 function movecursor(){ document.getElementById('text1').focus(); } 공감수 0 댓글수 0 2021. 1. 25.
  • JavaScript 체크박스 체크여부 확인 true, false로 반환된다. var check1_stat = document.getElementById('check1').checked; var check2_stat = document.getElementById('check2').checked; 공감수 1 댓글수 0 2021. 1. 24.
  • 회원가입 개인정보동의 유효성검사 / form 가장 중요한 게 form 태그 위에 onsubmit = 'return join();' function join(){ var check1_stat = document.getElementById('check1').checked; if(check1_stat == false) { alert("개인정보 동의해주세요."); return false; } } 틀리면 return false 해주고, 맞으면 true 해줌으로써 onsubmit이 실행되게 한다. 공감수 0 댓글수 0 2021. 1. 24.
  • [JQuery] 마우스 이벤트 종류 on + click : 마우스를 클릭할 때 발생 dbclick : 마우스를 더블 클릭할 때 발생 mousedown : 마우스 버튼을 누를 때 발생 mouseup : 마우스 버튼을 뗄 때 발생 mouseenter : 마우스가 요소의 경계 외부에서 내부로 이동할 때 발생 mouseleave : 마우스가 요소의 경계 내부에서 외부로 이동할 때 발생 mousemove : 마우스를 움직일 때 발생 mouseout : 마우스가 요소를 벗어날 때 발생 mouseover : 마우스를 요소 안에 들어올 때 발생 focus 에 대해서는 아래 링크 [jQuery] 특정 요소에 포커스 주고 빼기 feat. focus() and blur() – 모두의매뉴얼 jQuery 에서 특정 요소(element)에 포커스를 주고 빼는 방법.. 공감수 0 댓글수 0 2021. 1. 22.
  • div 값 가져오고 싶을 때 div 값을 가져올 때와 button의 값을 가져올 때는 다르단다. 한창 찾았네 alert($('#empty').attr('value')); var empty = document.getElementById('empty'); var value_empty = empty.value; alert(value_empty); empty 값이 button이면 가능하지만, input type이면 attr로 가져와야한다! 공감수 0 댓글수 0 2021. 1. 22.
  • onclick 클릭시 글자 나타나게 하기 배너값넣기 공감수 1 댓글수 0 2021. 1. 19.
  • script 에서 문자 값 넣기 공감수 0 댓글수 0 2021. 1. 19.
  • .write(4+5) 계산 결과값을 화면에 표시 4+5 = ? 공감수 0 댓글수 0 2021. 1. 19.
  • onclick : 버튼 클릭시 글자변경 JS 이용하기 Click me ! 공감수 0 댓글수 0 2021. 1. 19.
  • hover, addClass, removeClass hover 를 click 으로 바꾸면 작동하지 않는다. 즉 아마? hover 는 addClass, removeClass와 함께 쓰일 때 적용되고 click은 addClass, removeClass를 둘이 동시에 사용할 수 없다. addClass만 사용할 때 가능 공감수 0 댓글수 0 2020. 11. 8.
  • #아이디 .클래스 와 #아이디.클래스 의 차이 처음에는 어떻게 #header와 .callout이 같이 쓰이나 했는데 그 전에 배웠던 속성을 보면 #header li 하면 header 아이디 안쪽에 존재하는 li를 선택하는 거라고 배웠으니 비슷할 거라고 생각했지만 붙어있는 #header.callout은 header아이디와 callout클래스를 가진 태그를 찾는 것이다. 공감수 0 댓글수 0 2020. 11. 7.
  • Chapter 11. jQuery 라이브러리 01 jQuery 라이브러리 설정 CDN(Content Delivery Network)는 파일을 여러 서버에 분산시키고 사용자가 접속하는 지역과 가장 가까운 곳의 서버에서 파일을 전송하는 기술이다. 웹사이트에 접속해서 CDN Uncompressed 버전 파일을 복사한다. $(document).ready(function(){ }); jQuery $(document).ready(function(){ }); 02 문서 객체 선택 jQuery 형태 $(선택자).메소드(매개변수, 매개변수); // Expose JQuery to the global object window.jQuery = window.$ = jQuery; 기본 예제 11-1 문서 객체 선택 document.querySelectorAll() 메소드와.. 공감수 0 댓글수 0 2020. 11. 7.
    반응형
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.