씹고뜯고맛보다즐기는블로그 씹고뜯고맛보다즐기는블로그

✅ 요약 1. 목표한 것 : input 요소 입력중에 엔터키를 쳐도 submit이 안되게 만들기 2. 배운 것 : 왜 ... 왜 나는 배운대로 써도 안 되는거지?... input 요소 입력 중 엔터키를 누르면 자동으로 submit 처리가 되는 문제. 항상 페이지 만들 때마다 맞닥뜨리는 문제인 것 같은데 항상 똑같이 삽질 오백번 하고 그때마다 다른 방법으로 해결한다. 그런데 오늘은 어지간한 방법을 다 써도 안 돼서... 게시판 닉값(무식하면 몸이고생) 제대로 하는 노가다로 해결한 사례를 써본다 내가 해본 도전들 (1) input 여러 개 넣기 : 원래 input 요소가 여러개였어서 pass (2) submit 버튼 없애기 제출 submit을 아예 없애버리고 button으로 바꾼뒤 해당 button에 js로..

✅ 요약 1. 목표한 것 : 컨트롤러 내의 실행결과를 view로 전달해 페이지에 표시하기 2. 배운 것 : model.attribute 실행 후에는 "redirect:/" 형태의 이동이 불가능하다 3. 5/21 더 배운 것 : 이럴 때 쓰라고 RedirectAttributes가 있다. @RequestMapping(value="/login.do") public String login(User user, HttpSession session, Model model) { User u = service.selectOneUser(user); if(u==null) { model.addAttribute("msg",1); }else { session.setAttribute("loginUser", u); } return ..

✅ 요약 1. 목표한 것 : 인라인 함수 실행 후 새로고침되는 현상을 막고싶다 2. 배운 것 : 함수 뒤에 return false; 를 쓰면 함수 실행이 중단 = 새로고침이 방지된다 3. 명심한 것 : 내가 편한대로 쓰지 말고 배운 대로 쓰기~^^ 1. 문제상황 정리 인증메일 전송​ 회원가입 페이지 구현 중 마주한 오류아닌 오류. 원랜 인증메일을 전송한다고 해서 갑자기 페이지가 새로고침되고 입력한 값이 다 날아가는 일은 없지 않나 (없어야만 한다) 그런데 자꾸 onclick 함수를 실행하면 페이지가 새로고침되어 버렸다. 구글링해봐도 보통은 새로고침 시켜주고 싶어하던데 나만 새로고침 안되는 방법은 없나 찾아보고있다. 2. 내가 해본 일들 (1) javaScript 함수 정의 단에서 수행코드 끝나고 retu..

✅ 요약 1. 목표한 것 : CSS만 가지고 차트 만들기 2. 아쉬운 점 : Y축 눈금을 강제이동시킨 관계로 나중에 전체 중앙배치할때 조금 좌우균형이 안맞을 수도 있겠다. 구글링한 게 더 어려워서 내가 직접 만들고야 만 CSS로 차트 만들기 123 101번 202번 303번 404번 505번 606번 707번 .chart{ width: 100%; /*차트 전체 가로너비*/ } .chart>ul{ /*목록 기본 레이아웃 지우기*/ list-style-type: none; padding: 0px; margin: 0px; /*내부 요소 정렬*/ display: flex; /*본래 행 단위로 만들어지는 li요소를 열 단위로 정렬*/ justify-content: center; /*메인축(여기서는 열)에 대한 정..

✅ 요약 1. 목표한 것 : 코땡나 선별진료소 정보를 지도에 표시하기 2. 배운 것 : CORS 정책 / XML데이터 파싱 3. 명심한 것 : 샘플코드를 잘 읽자 구구절절 쓰다가 내 병타퍼포먼스만 줄줄 늘어놓는 꼴이 되니까 나중에 봐도 쓸모는 없겠다 싶어서 걍 지움... 최대한 요약해서 쓰기로 함 1. 공공데이터포털 데이터 가져오기 (1) 맨처음 생각한 논리는 버튼 클릭하면 ajax로 위 주소 연결해서 받아온 data를 HTML에 삽입시켜 주면 되는 거 아닌가? 였다 (제발 그 생각 멈춰) → 그랬더니 CORS 정책에 위배된다고 경고를 오천만번 쯤 받았다. CORS 정책이 무엇인가는 pass(사실 아직 내가 내 말로 풀어 설명할 수 있는 수준이 못 됨) 아무튼 구글링을 쌔빠지게 돌리며 (1) 프리플라이트..