Atomic Habits

https://soye0n.tistory.com/70 [Web] Web Application 디렉토리구조(Maven)과 각종 설정파일들 우선 Web application의 설정파일들을 보기 전에 프로젝트 폴더 구조를 살펴본다. Web application의 디렉토리 구조 (Maven) workspce/[Project Name] ├ src │ ├ main │ │ ├─ java │ │ ├─ .. soye0n.tistory.com 우선 Web application의 설정파일들을 보기 전에 프로젝트 폴더 구조를 살펴본다. Web application의 디렉토리 구조 (Maven) workspce/[Project Name] ├ src │ ├ main │ │ ├─ java │ │ ├─ resources │ │ └─..

https://blog.ggaman.com/1012 자바스크립트 배열에서 forEach, filter, map, reduce 활용법 발단 요즘에 이것저것 한다고, javascript들을 좀 해 보고 있는데, 배열에 여러가지 작업을 쉽게 할 수 있어 좋은 함수들이 있어, 계속 쓰다가, 나중을 위해 정리 하려고 간단하게 기록. 배열을 loop blog.ggaman.com 배열을 loop 돌면서 무언가를 하고 싶다면 아래 함수들을 활용하자. forEach : 한개씩 돌면서 무언가 하기, return value는 없음. filter : 조건에 맞는것만 새로운 배열로. return value는 새 배열. map : 한개씩 돌면서 연산한 결과를 새로운 배열로. return value는 새 배열 reduce : 한개..

자바파일(*.java)을 컴파일(*.Class 생성)을할때 컴파일하지않는다. 주석은 언제 사용할까? 코멘트용도 -프로그래밍한것을 기록해놓는다. -동료들과의 협업에 용이하다. 디버깅용도 -어떠한 기능을 잠시 사용안할때 주석처리 해놓는다. 한줄 주석방법 //

https://velog.io/@gillog/jQuery-Selector%EC%84%A0%ED%83%9D%EC%9E%90 [jQuery] Selector(선택자) javascript library중 jQuery를 선택하는 가장 큰 이유가 jQuery Selector(선택자) 때문이다.jQuery Selector(선택자)는 css Selector를 그대로 사용할 수 있어 코드 선택이 매우 간단하다.요즘 들어서는 document.q velog.io Selector javascript Library중 jQuery를 선택하는 가장 큰 이유가 jQuery Selector(선택자) 때문이다. jQuery Selector(선택자)는 css Selector를 그대로 사용할 수 있어 코드 선택이 매우 간단하다. ES6에..

https://ko.javascript.info/settimeout-setinterval setTimeout과 setInterval을 이용한 호출 스케줄링 ko.javascript.info 사용법과 용도는 흡사한데 차이점이라면, setInterval - 실행중 다른 setInterval로 인해 함수가 호출되면 기존에 실행되던 함수는 종료된다. - n초 후에 시작하고, n초 마다 함수를 재호출한다. setTimeout - 실행중 다른 setTimeout로 인해 함수가 호출되도 기존에 실행된 함수에 영향을 주지 않는다. - n초 후에 1회 호출한다. setTimeout과 setInterval을 이용한 호출 스케줄링 일정 시간이 지난 후에 원하는 함수를 예약 실행(호출)할 수 있게 하는 것을 '호출 스케줄링(..

\b : 단어가 아닌 것과 경계일 것 (문자나 숫자랑 붙으면 안 돼) \B : 단어와 경계일 것 (문자나 숫자랑 붙어 있어야 해) \b(one|two|three)\b \B(one|two|three)\B \b(one|two|three)\B \B(one|two|three)\b

http://taeyo.net/Columns/View.aspx?SEQ=631&PSEQ=39 TAEYO.NET 강좌 목록으로 돌아가기 필자의 잡담~ HTML과 웹 기반의 JavaScript 기술에 대한 다양한 주제를 살펴보고 논의합니다. 먼저 웹 개발을 시작한지 얼마 안 된 초보자나 갑자기 웹 환경에서 작업하게 된 taeyo.net 목차: IE11을 이용한 JavaScript 디버깅 F12 개발자 도구 콘솔 창 console 개체 F12 개발자 도구 DOM 탐색기 창 Part 1: DOM 트리 뷰와 스타일 탭을 이용한 기본적인 스타일 규칙 편집 F12 개발자 도구 DOM 탐색기 창 Part 2: 스타일 탭의 고급 기능 및 계산됨, 레이아웃, 이벤트, 변경 내용 탭 F12 개발자 도구 디버거 창 Part 1..

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach Array.prototype.forEach() - JavaScript | MDN forEach() 메서드는 주어진 함수를 배열 요소 각각에 대해 실행합니다. developer.mozilla.org 다음 코드는 배열의 각 요소에 대해 한 줄을 기록합니다: function logArrayElements(element, index, array) { console.log('a[' + index + '] = ' + element); } // 인덱스 2는 배열의 그 위치에 항목이 없기에 // 건너뜀을 주의하세요. [2, 5, , 9].forEach(lo..

https://webruden.tistory.com/634 [Javascript] append vs appendChild 차이점 (초간단) append와 appendChild 메서드는 모두 부모 노드에 자식 노드를 추가하는 메서드입니다. 하지만 두 메서드에도 몇 가지 차이점이 존재합니다. 이번 포스팅에서는 두 메서드의 차이점에 webruden.tistory.com append와 appendChild 메서드는 모두 부모 노드에 자식 노드를 추가하는 메서드입니다. 하지만 두 메서드에도 몇 가지 차이점이 존재합니다. 이번 포스팅에서는 두 메서드의 차이점에 대해서 쉽고 간략하게 다뤄보도록 하겠습니다. append() ? append 메서드를 활용하면 노드 객체(Node object)나 DOMString(text..

const obj3 = { id :1, members:['사자', '토끼', '거북']}; const obj4 = { ... obj3 }; obj3.members[0] = 'K'; obj3.id = 100; obj3 {id: 100, members: Array(3)} obj4 {id: 1, members: Array(3)} obj3.members (3) ['K', '토끼', '거북'] obj4.members (3) ['K', '토끼', '거북'] const s1 = ['a', 'b', 3, '4']; const s2 = [... s1]; s1[2]= 'B' s1[3]= 33 s1 ['a', 'b', 'B', 33] s2 ['a', 'b', 3, '4'] // 단순 array에서는 ... 으로 깊은 복사가..