fullcalendar 라이브러리는 달력 UI에서 event 클릭 시, eventClick 콜백 함수를 통해 event에 대한 정보를 전달해준다.eventClick(info)을 통해 선택된 일자를 전달받을 수 있다.선택된일자 : info.event.start${info

fullcalendar 라이브러리는 event의 시작 시간이 없는 경우, evnet의 title 기준 알파벳 또는 한글 순으로 정렬 (default)백엔드에서는 시작일자 외 조건에 따른 sort 로직이 적용된 배열 응답배열을 fullcalendar event에 추가 시

모듈 번들러(module bundler)흩어져 있는 여러개의 js, css, image 등 자원을 하나의 파일로 번들링하여 웹에서 로딩할 수 있도록 하는 도구Nodejs 위에서 돌아감.의존성 관리 : 의존하는 모듈들의 로딩 순서 자동 관리로더 : 다양한 파일 형식을 모

vuejs는 데이터 변경이 감지되면 자동으로 뷰를 다시 렌더링하여 변경 사항 반영함.<li> v-for 적용 시 변수에 할당된 배열의 요소중 첫번째 요소에만 할당되는 현상 확인swiper 라이브러리와 동시에 사용한 것이 문제일까? 확인 예정..데이터 변경과 화면에

fullcalendar 달력 UI 개발 중 dateClick() 호출 시 비정상 동작 및 Violation console log 확인변칙적으로 dateClick callback 함수 호출 안 되는 현상 확인fullcalendar dateClick() PoC는 정상, 하

ES5에서 사용 가능한 Array 메소드를 정리해보자.화살표 함수 활용은 불가능function 키워드를 통한 Array 메소드 기능은 활용 가능하다!조건을 만족하는 단 하나의 요소만 반환이전 callback의 previous value를 넘겨받아 작업 수행조건을 만족하

week 관련 날짜 계산 PoCweek 기준 요일시작 : 일요일종료 : 토요일월의 주week of monthex 1) 2023.02.11 (토) -> 2월 2주차ex 2) 2023.02.12 (일) -> 2월 3주차주의 처음과 마지막 날짜first and last da

달력 UI 화면 기획프로젝트 내 달력 UI 레퍼런스 없음신규 기능 달력 UI PoC 진행 필요!웹앱 내 달력 UI 화면 출력주말, 휴일 표시 X일정 이벤트 영역 표시 (일 : 하루 or 기간 : 이틀 이상)일정 클릭 이벤트 커스텀javascript 기반 open sou

선행 검증을 통한 개념 증념선행 검증기존 시장에 없었던 신기술을 도입하기 전에 이를 검증하기 위해 사용하는 것을 뜻한다.개념 증명특정 방식이나 아이디어를 실현하여 타당성을 증명하는 것!전자서식 솔루션 업그레이드 버전 도입 및 Angular 9 연동 필요POC 대상솔루션

현재 Date 가 시작 Date 와 종료 Date 사이에 있는지 판단 필요!ex1) 이벤트진행가능여부 (이벤트시작일시~이벤트종료일시)ex2) 이벤트응모여부 (이벤트응모시작일자~이벤트응모종료일자)날짜 관련 util 함수 추가모든 업무에서 공통적으로 사용할 수 있는 날짜

금융권에서 사용하는 시스템 간 전문 통신 방식에 대해 정리ex) MCI, EAI, FEPMulti Channel Integration멀티 채널 통합기업 내부 채널 - 업무 시스템 간 효율적인 연계 및 통합을 지원하는 미들웨어다양한 채널 (앱, 웹, 모바일웹, 영업점,

카카오톡 공유 시 미리보기 이미지 깨짐 현상 발생SNS (카카오톡, 페이스북) 에서 웹 링크를 공유할 때 관련 이미지와 설명이 미리보기로 출력카카오톡의 크롤러가 웹의 meta tag의 og property 정보 미리 수집 수집한 정보를 미리보기 이미지, 설명으로 출력공

이직을 하면서 일상에는 많은 변화가 생겼다.Apple 캘린더 앱으로는 부족해!Notion의 기능을 활용해서 다채로워진 일상을 정리해보기로 했다!Before : 일 - 혼밥 - 집 - 운동After : 일 - 동호회/모임/약속 - 집 - 운동좌측 메뉴> 페이지 추가 버튼

숫자undefinedbooleanarray (object)'==='자료형 변환 X가독성 굿! => 소스만 보고도 변수의 자료형을 정확하게 인지할 수 있음'!=' '!==' 도 동일

|extension 명|설명|단축키| |:-|:-|:-| |Auto Rename Tag|html 태그 자동 생성| |indent-rainbow|html 띄어쓰기 색상 표시| |Live Server|로컬 html 소스 최신 반영| |Checkstyle for Java|J

버전 관리 시스템 (version control system)프로젝트 소스 코드 버전 관리 목적git bash : unix, linux 명령어 활용할 수 있도록 기능 제공git 환경변수 설정 (유저명, 이메일)git config --global user.name par

ES6에 도입된 함수 선언 방법화살표 (=>) 키워드를 사용하여 간결한 코드 작성 가능함수 표현식 (익명 함수) 로만 사용 가능상위 환경의 this를 그대로 계승한번 할당 되면 절대 바뀌지 않음 (Lexical this)arrowFunc의 this는 상위 환경인 obj

변수에 function 할당익명 함수공통점 : 둘 다 호이스팅 되어 블럭 최상단에 선언문 수행차이점 : 표현식의 경우, 변수에 function이 할당되기 전에 console.log를 통해 접근을 시도하여 TypeError 발생브라우저는 변수와 함수에 호이스팅을 적용하여

개발환경 내 html, json 과 같은 정적 자원은 wcms 솔루션을 활용하여 관리, 배포 (이관 프로세스 간단)변경이 빈번한 화면의 경우 전체 html을 wcms 에서 개발 및 관리※ wcms : web content management systemhtml tag

Spring Boot 로컬 web server 기동 시 아래와 같은 error message 출력Web server failed to start. Port 8080 was already in use.동일한 port를 점유하고 있는 프로세스 강제 종료cmd > PC에서