javascript
1.[javascript] json object 불변 상수 변수 선언하기 Object.freeze()
json object 불변 상수 변수를 선언하는 방법?const 키워드로 상수 변수 선언 가능const 변수 타입이 json object인 경우, 요소의 내용은 변경 가능Object.freeze() 활용하여 선언한 json object 변수는 요소 변경, 추가 불가능불
2.[javascript] n자리 숫자 랜덤값 (Math ceil random)
Math.floor(Math.random() \* (max - min) + min
3.[javascript] HTML DOM 조작해보자 (innerHTML, addEventListener)
개발환경 내 html, json 과 같은 정적 자원은 wcms 솔루션을 활용하여 관리, 배포 (이관 프로세스 간단)변경이 빈번한 화면의 경우 전체 html을 wcms 에서 개발 및 관리※ wcms : web content management systemhtml tag
4.[javascript] 동일 비교 연산자 '==' '===' 차이점
숫자undefinedbooleanarray (object)'==='자료형 변환 X가독성 굿! => 소스만 보고도 변수의 자료형을 정확하게 인지할 수 있음'!=' '!==' 도 동일
5.[javascript] Array function 정리 (ES6)
ES6 배열 총정리
6.[javascript] Array function 정리 (ES5)
ES5에서 사용 가능한 Array 메소드를 정리해보자.화살표 함수 활용은 불가능function 키워드를 통한 Array 메소드 기능은 활용 가능하다!조건을 만족하는 단 하나의 요소만 반환이전 callback의 previous value를 넘겨받아 작업 수행조건을 만족하
7.[javascript] 즉시실행함수표현 (IIFE) 을 활용한 공통 js 모듈 만들기
Immediately Invoked Function Expression정의되자마자 바로 실행되는 함수전역 scope 오염(변경) 방지즉시실행함수표현 내 선언된 변수는 지역변수 -> 외부 접근 및 변경 불가공통 js 모듈 내 전역변수를 사용하는 것은 불안정 -> 덮어쓰기
8.[javascript] null, undefined 차이점 및 비교
특정 변수에 아무것도 할당되지 않거나 경우java는 null 로 표현javascript는 null or undefined 로 표현javascript에서 undefined 예외처리는 많이 했었지만, null 대한 고민은 거의 해보지 않았었음local storge 에 등록
9.[javascript] 문자열 내 특정 index 값 변경하기 (split, join 활용)
input type=radio 다건 선택 여부를 하나의 문자열로 표현하기다건 선택 문자열 정의 : n 자리 이진수로 표현ex) 6 자리default : '000000'1 번째 옵션 선택 : '100000'1,3,6 번째 옵션 선택 : '101001'문자열 내 특정 in
10.[javascript] 소수점 처리 커스텀 함수 (사사오입, 오사육입)
공모주 청약 배정주식수 계산배정주식수 = 본인의 청약 주식수 / 청약 경쟁률청약 경쟁률의 경우, 소수점 2자리까지 공개배정주식수는 정수가 아닌 소수점 실수로 계산됨증권사마다 다르게 처리소수점 첫번째 자리 처리 고민올림의 경우, 실제 배정주식수보다 많은 배정주식수 출력될
11.[javascript] 정규식 (Regular Expression)
메타 문자 (Meta Characters) 정규식에서 특정 패턴을 나타내기 위해 사용되는 특수 기호 |메타 문자|설명| |:-|:-| |'/'|정규식 패턴을 시작하고 끝내는 딜리미터(delimiter)| |'('|그룹을 나타내는 시작 기호| |'\s'|공백 문자 ex
12.[vuejs] scroll event 화면 맨 아래에 도달했을 때 실행 조건
scroll을 하여 이용내역 화면 맨 아래에 도달했을 때 이용내역 리스트를 조회하여 append기존 jquery로 되어 있는 것을 vuejs 방식으로 변환해보자!소스 설명htmljavascriptjquery, vuejs에서 scroll 이벤트를 통해 화면 맨 아래 도달
13.[javascript] Date object 생성 시 IOS (safari) 스크립트 오류 발생 - 특정 날짜의 요일 정보 알아내기
하이브리브앱 환경에서 Date 객체를 활용하여 날짜 데이터의 요일 정보 출력하는 기능 구현Android (Chrome) 정상, IOS (safari) 스크립트 오류 발생!toDateFrmt : 1번째 인자 "YYYYMMDD" 를 2번째 인자 구분자 "." 로 YYYY.
14.[javascript] a태그 href 속성 설정 시 SyntaxError: Unexpected token ')'
특정 화면의 뒤로 가기 a 태그 클릭 시에만 스크립트 오류 발생 확인SyntaxError: Unexpected token ')'click 이벤트 함수 내 스크립트 오류 확인 -> 없음a 태그 click 이벤트 바인딩을 위해 href 속성 설정ASIS : javascri
15.[javascript] Date setMonth 다음달 반환 이슈 해결 (월 자동 조정 기능)
배경설명 오늘날짜(YYYY-MM-DD) 기준 다음달 월(month) 반환 필요 ASIS Date 객체 setMonth 활용 샘플 2024-07-31 => 8 2024-08-30 => 9 2024-08-31 => 10 (이슈! 9가 아닌 10이 반환...) 원인 요약: javascript Date 객체의 월 조정 방식으로 인한 이슈 과정 8...
16.[javascript] 공통 모듈 콜백 함수 구현 방안: 함수명 문자열 파라미터 전달, window 전역 함수 호출
배경설명 공통 모듈 특정 기능 완료 후 콜백 함수 호출 필요 공통 모듈 콜백 함수 선언 공통 모듈에서 문자열로 함수명 전달받아 실행하는 콜백 함수 선언 공통 모듈 호출 해결방안 다음달 직접 계산 1일 설정하여 월 조정 안 되도록 임시 조치 결론 Date 객체 s