본문 바로가기

실습기록31

7월 6일 project - 검색 필터 기능, 중복 제거 import java.util.List; import java.util.Set; import java.util.concurrent.ConcurrentHashMap; import java.util.function.Function; import java.util.function.Predicate; import java.util.stream.Collectors; public class DeduplicationUtils { public static List deduplication(final List list, Function key){ return list.stream().filter(deduplication(key)) .collect(Collectors.toList()); } private static Pr.. 2023. 7. 8.
7월 5일 project - 데이터베이스 뷰 생성(My SQL) 뷰 = 내가 원하는 컬럼명을 뽑아서 볼 수 있게 해준다. 파란색으로 써진 부분은 무조건 필수 보라색은 조건 있을 경우만 쓰면 된다. 1. 하나의 테이블에서 뷰 만들 때 CREATE OR REPLACE VIEW 뷰테이블명 AS SELECT 컬럼명1, 컬럼명2, 컬럼명3 FROM 테이블명 WHERE (조건 있을 경우만 사용) create or replace view train as SELECT trainnum, gymnum, tcareer, tlicence, tpr, toriname, tsysname, mname FROM member; create or replace view train as SELECT trainnum, gymnum, tcareer, tlicence, tpr, toriname, tsysna.. 2023. 7. 8.
7월 4일 project - AJAX 지역 셀렉스 박스에서 AJAX 사용하기 전체 서울특별시 부산광역시 대구광역시 인천광역시 광주광역시 대전광역시 울산광역시 경기도 강원도 충청북도 충청남도 전라북도 전라남도 경상북도 경상남도 제주도 $("#city").on("change", function (){ let city = $("#city").val(); // select 값 가져오기 console.log(city); cobj = {"glocation":city}; // DB연동 list로 받기 console.log(cobj); $.ajax({ url:"gymList", type:"post", data: cobj, success:function(data){ console.log(data); if(data != null && data != ""){ .. 2023. 7. 5.
7월 3일 project - CSS 레이아웃 flex 사용 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누 studiomeal.com CSS Flex(Flexible Box) 완벽 가이드 많은 경우 float, inline-block, table 등의 도움을 받아서 수평 레이아웃을 구성하지만 이는 차선책이며, 우리는 Flex(Flexible Box)라는 명확한 개념(속성들)으로 레이아웃을 쉽게 구성할 수 있습니다. CSS F heropy.blog flex 정렬 flex 속성 사용 방법: 좌측, 우측, 중앙 정렬 등 CSS flex의 이해 CSS flex는 크.. 2023. 7. 4.
JavaScrip 버튼 눌러서 배경색 변경 버튼만들기> JavaScript 버튼을 눌러서 배경색과 글씨색을 변경한다. night를 누르면 검정색 배경, 하얀색 글씨 day를 누르면 하얀색 배경, 검정색 글씨 2023. 2. 18.
CSS 연습 자주 쓰이는 CSS 태그 배경관련 background-color, background-image, background-size 사이즈 width height 폰트 font-size(px), font-weight, font-famliy color 간격 margin(바깥), padding(안쪽) 정렬 text align : left, right, center 💡 1. 크롬 개발자 도구에서 요소 선택 버튼을 누르고 요소를 선택하면 Elements 탭 안 HTML 소스 코드에서 그 요소를 찾을 수 있다. 2. Styles 탭에서 특정 스타일 적용을 해제하여 어떻게 영향을 미치는지 확인할 수 있다. 아무것도 안 했을 때 글씨색 바꾸기 - hotpink 글자체 바꾸기 - oblique(기울어진 글꼴) 첫번째 세부 .. 2023. 1. 31.

티스토리툴바