Language/Javascript
falsy 한 데이터
undefined null 0 "" NaN 이 외의 데이터들은 truthy 한 데이터 if 조건문 안에서 데이터 유무에 따른 조건식 발동에 사용
분류 전체보기
Language/Javascript
반복문
for-of 배열에 주로 사용 const arr = [1,2,3,4,5] for(let value of arr){ console.log(value) } for-in 객체에서 사용, 객체 프로퍼티들의 key가 담겨져 온다. setInterval() 반복 함수. 소괄호 안에 넣어준 함수를 지정한 시간마다 반복해서 실행 clearInterval() setInterval() 함수를 통해 생성된 interval을 종료해주는 함수. setInterval 함수는 실행될 때마다 고유의 id 값을 반환한다. 해당 아이디를 체크해서 clearInterval 함수를 실행시 인터벌이 종료됨.
Language/Javascript
비교연산자
느슨한 비교연산자 데이터 값은 비교하지만, 타입은 비교하지 않는다. ( ==, != ) 엄격한 비교연산자 데이터의 메모리 주소를 비교해 두 데이터가 완벽히 일치하는지 판단한다. ( ===, !== ) 자바스크립트 데이터타입 원시타입( Primitive Type ) vs 참조타입 ( Reference Type ) 원시타입 String, Number, Boolean, Bigint, undefined, Symbol, null 불변성 참조타입 가변성 false 값 undefined, null, 0, "", NaN
Language/Javascript
함수
어떤 기능을 수행하거나 계산을 수행할 수 있도록 하는 도구. onclick 이벤트 해당 속성을 부여받은 태그가 사용자에 의해 클릭 되었을 때, 할당되어 있는 수식 또는 코드를 실행한다. querySelector JavaScript 내에서 HTML의 요소를 참조할 수 있다. 제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 Element를 반환.일치하는 요소가 없으면 null을 반환. id는 "#", class는 "."을 querySelector()의 소괄호 안에 입력되는 id 혹은 class명 앞에 붙여주면 된다. document.querySelector('#id').value new Date() const remain = (new Date('2023-04-11').setHours(0, 0, ..
Language/Javascript
객체
객체는 키 값을 통해 해당 데이터가 무엇에 대한 데이터인지 명시해줄 수 있다. 객체 안의 데이터들 하나하나를 property라고 한다. { key:value } Property 접근법 Dot nation key 값에 접근시, 점을 이용해서 접근 객체이름.key = value Bracket notation ( 괄호 표기법 ) 객체이름["key"] = value 객체 메서드 Object.keys(객체 이름) 객체의 key 만을 가져와 배열에 담아주는 메서드 Object.values(객체 이름) 객체의 value 만을 가져와 배열에 담아주는 메서드
Language/Javascript
배열
let array = ["one","two","three"] 배열 메서드 array.push() : 배열의 가장 뒤의 데이터를 추가 array.pop() : 배열의 가장 뒤의 데이터를 삭제 array.includes() : 특정 배열에 주어진 데이터가 포함되어있는지 확인 ( 반환 값 : boolean ) array.indexOf() : 특정 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스 반환 ( 찾을 수 없으면 -1 반환 )
카테고리 없음
로깅을 System.out.println() 으로 하면 안되는 이유
정리예정.. 인용 https://hudi.blog/do-not-use-system-out-println-for-logging/ 로깅을 System.out.println() 로 하면 안되는 이유 학습 배경 우테코 레벨3 팀프로젝트 3차 데모데이 요구사항 중 하나는 ‘디버깅할 수 있는 로그 파일 출력’ 이다. 이전까지는 로깅에 대해 전혀 신경쓰지 않고 있었는데, 슬슬 로깅에도 신경써 hudi.blog
Tech/데이터 접근 기술
트랜잭션 매니저 선택
JPA, 스프링 데이터 JPA, Querydsl -> JpaTransactionManager JdbcTemplate, MyBatis -> DataSourceTransactionManager JpaTransactionManager DataSourceTransactionManager 가 제공하는 기능을 대부분 제공한다. JPA라는 기술도 결국 내부에서는 DataSource와 JDBC Connection 을 사용하기 때문이다. 결과적으로 JpaTransactionManager를 하나만 스프링 빈에 등록하면, JPA, JdbcTemplate, MyBatis 모두를 하나의 트랜잭션으로 묶어서 사용할 수 있다. JPA의 플러시 타이밍 JPA 호출이 끝난 시점에 JPA가 제공하는 플러시라는 기능을 사용해서 JPA의 ..
Tech/데이터 접근 기술
실용적인 구조
ItemRepository는 스프링 데이터 JPA의 기능을 제공하는 리포지토리 기본 CRUD와 단순 조회 ItemQueryRepository는 Querydsl을 사용해서 복잡한 쿼리 기능을 제공하는 리포지토리 복잡한 조회 쿼리
