유레카 (4) 썸네일형 리스트형 날짜 형태의 데이터를 활용할 때 (Date , Timestamp / TO_CHAR() / split()) js로 캘린더에서 일정관련 기능을 구현하다 DB의 DATE 타입 데이터를 동적뷰와 비교하는 로직을 구현할 때var hasSchedule = response.some(function(schedule) { return (schedule.calDate).split(' ')[0] === tdDate;}); 위와 같이 시간 부분을 제외한 YYYY-MM-DD 형태로 포맷팅하여 비교했었다. 이에 대한 장단점은 아래와 같았다. 장점:유연성: 서버 측에서 날짜 포맷을 변경할 필요 없이 클라이언트 측에서 다양한 날짜 형식을 처리할 수 있다.서버 부하 감소: 서버에서 날짜 포맷을 처리하지 않기 때문에 서버 측의 부하를 줄일 수 있다.단점:클라이언트 부하: 클라이언트에서 문자열을 처리하고 비교하는 작업이 추가되어.. ajax 학습 메모 ajax를 활용한 게시판 만들기 中 ** 1. sajax를 활용해 동적으로 button을 생성한 경우에는 (정적으로 HTML으로 생성한 경우의)$(".deleteButton").click(function()) {} 이 아닌 $(document).on("click", ".deleteButton", function() { jQuery의 .on()을 활용하여 ajax 작성해야했다. ** 2. ajax를 통한 비동기처리는 페이지의 새로고침 없이 삭제 후에도 DB 게시판 목록을 반영해야하므로location.reload() 대신최초 페이지 로드 시의 게시판 목록 조회 ajax 코드를 재사용하게되었는데,조회/등록/삭제 시 계속 코드가 반복 되어서 function getBoardList()으로 ajax 호출 코드를.. 스프링 시큐리티 독학기 스프링 시큐리티 6를 수업때 배우기 전 독학을 하며 겪은 여러 에러를 정리하는 포스트입니다. 매우 기초적인 에러들도 있었지만 독학으로 하나씩 해결했던 과정을 남깁니다. 1. spring security6 로그인 페이지 커스터마이징 작업 중 테스트 후 무한 리디렉션 발생 @Configuration @EnableWebSecurity public class SecurityConfig { @Bean protected SecurityFilterChain securityFilterChain(HttpSecurity http) throws Exception { http .csrf((csrf) -> csrf.disable()) .authorizeHttpRequests((authorizeRequest) -> authori.. [SPA 미니 프로젝트 中] antd Menu에 링크 연결하기(5.0 버전 이슈) React SPA 미니 프로젝트 중에 처음으로 ant-design의 Menu를 써봤는데 디자인 커스텀까지는 쉽게하고 이제 해당 컴포넌트 링크를 연결하려는데 items1을 return 전에 .map으로 뽑아서 메뉴에 items ={items1} 리턴도 해보고 아래처럼 아예 객체속성에 하나하나 href 키에 링크를 넣고 return 메뉴에서 map으로 뽑기도해봤지만 클릭해도 반응이 없었다.. const items1 = [ { key: 'notice', label: '공지사항', href: '/notice' }, { key: 'booking', label: '캠핑예약', href: '/booking' }, { key: 'mypage', label: '마이페이지', href: '/mypage' }, ]; {it.. 이전 1 다음
