본문 바로가기
반응형

Frontend

 (74)
01/08 회고 CSS적용 가로 가운데/ 세로 가운데 1. 가로 가운데 정렬 (1) display : block; (2) display : flex; 2. 세로 가운데 정렬 (1) display : block; / margin (2) display : block; / transform (3) display : flex; 3. 가로, 세로 가운데 정렬 (1) display : block; / margin (2) display : block; / transform (3) display : flex; GROUP BY에 영향 받지 않는 합계 산출 SELECT (CASE WHEN stats = '1' THEN 'level 1이하' WHEN stats = '2' THEN 'level 2' WHEN stats = '3' THEN '..
01/05 회고 STS에러 로컬에서 테스트 하려는데 갑자기 에러가 발생했다. 에러는 캡쳐하지 못했지만 tomcat관련 에러였다. configuration path가 잘못 설정되어 있어 아래와 같이 수정함 CSS ul에 포함된 li요소들이 여러개가 있는데 .lists ul { display: flex; white-space: nowrap; overflow-x: auto; } 이렇게 style을 주니 가로로 나열되었다. 그런데 list가 늘어나서 폭이 초과되는데도 scroll-bar가 생기지 않고 글자가 짤리기만 했다. 그래서 찾은 방법이 폭이 초과되면 줄을 바꿔 초과된 요소부터 다음 줄로 보내는 것으로 했다. .list ul { display: flex; white-space: nowrap; flex-wrap: wrap;..
01/04 회고 특정 문자열로 끝나는 조건 주기 const cityNames = ['고양시', '성남시', '수원시', '안산시', '안양시', '포항시', '청주시', '전주시', '마산시', '부천시', '용인시', '창원시', '천안시']; if (cityNames.some(cityName => sigunguKorName.endsWith(cityName))) { if (PEOPLE !== 0) { sigungu.push(data.features[i]); } }
01/02 회고 백단도 하면서 이게 맞나 하고 있는데 프론트까지... 후.. 이게 맞는건가... 동적자원 추가 보통 인식하는 root폴더는 resource 디렉토리 혹은 src 디렉토리 이다. ( 일반적으로 절대경로를 사용 ) 상대경로 : 현 파일의 위치를 기준으로 목표로 하는 파일의 목적지까지의 상대적인 경로를 의미 절대경로 : 처음부터 시작하여 목적지까지의 절대적인 경로를 의미 보안이슈로 경로를 숨기는 방법 href="" 또는 src="" servlet-context.xml 파일에서 적용 CSS 웹코딩용어 GNB ( Global Navigation Bar ) : 사이트 전체에 동일하게 적용되는 최상위 전체 공통네비게이션 / 메인메뉴, 대분류 메뉴, 전체 사이트에서 사용되는 공통메뉴바 LNB ( Local Naviga..
12/21 회고 var newListItem = $(""); // 새로운 항목에 적용할 내용 설정 var newLink = $("").attr("href", "연결될_하이퍼링크").text("추가된_탭_명"); newListItem.append(newLink); // .sample .tab ul에 새로운 항목 추가 $(".sample ul").append(newListItem); newListItem.click(function(){ // .sample_under 숨김 $(".sample_under").hide(); // 다른 탭 컨텐츠를 표시 (예: .legendTab) $(".legendTab").show(); }); 하이퍼링크가 없이 ""로 공백만 되어있으면 기본적으로 새로고침이 일어난다. 하지만 원하는 기능에서는 ..
12/07 회고 JSON데이터 재가공 이미 JSON데이터는 API명세서로 고정되어 수정이 불가능한데 컬럼데이터가 한번 더 불러와져야 하는 상황이 생김 JSON데이터를 재가공하는 방법을 찾아냄 ... // 각 시도별로 그룹핑 let sigunguData = allDatas2; const groupedData = {}; sigunguData.features.forEach(feature => { const sidoName = feature.properties.SIDO_KOR_NAME; if (!groupedData[sidoName]) { groupedData[sidoName] = { sidoOldRate: feature.properties.OLD_RATE, data: [] }; } groupedData[sidoName].da..
12/05 회고 라디오버튼 라디오 버튼만 만들어 놓는다면 선택지를 고르면 무조건 선택되고 null로 되돌아갈 수 없다 ∵ 보통은 초기화 버튼을 같이 만들어 둠 type : 정의(radio) / id : 고유값 / name : 같은 선택지( name이 다르면 다른 그룹으로 생각함) / value : 선택 값 / checked : 선택됨(사용안하면 초기 선택값이 없음) 전체 기간 이벤트 리스너 //요소가 가진 값이 반경될때 => 라디오버튼 $("#total, #period").on("change", function () { mapReload($(this).val()); console.log("mode Change"); }); //요소 자체의 값이 반경될때 => 드롭박스 $(".changeMode").on("change", ..
[JSTL] 페이지 작업 span으로 지정된 값 가져오기 초기 값이 ""이기 때문에 document를 읽어온 후에 적용해야 한다. ... ${dataCode.dataCodeCaption} ...
반응형

티스토리툴바