본문 바로가기

전체보기112

동적인 UI 만들기 (모달창만들기) 동적인 UI 만드는 step 3단계(이걸 기억하고 동적인 상태 변화 줄때마다 활용) 1. html css로 미리 디자인 완성 2. UI의 현재 상태를 state로 저장 let [ 변수, set변수] = useState(); ▼형식은 자유/모달창 상태 표현만 가능하면 됨. -e.g.) let [modal, setModal] = useState(false); 3. state에 따라 UI가 어떻게 보일지 작성 (조건문 사용) JS를 써야하니 {}열고 대신 html 이므로 JS if 문, for 반복문 사용 불가 =>조건문은 삼항연산자 사용(ternary operator) - 조건식 ? 참일때 실행할 코드 : 거짓일 때 실행할 코드 -e.g.) { modal == true ? : '' 또는 null } =>참일.. 2023. 3. 14.
Spring MVC 흐름도 오늘은 View 페이지 >Controller> DAO>Service>ServiceImpl>Mapper 에 이르는(처음 또는 필요할때만 손보는 Dispatcher Servlet 등은 빼고 자주 수정하는 것만 적음) Spring MVC 패턴을 복습해봤다. 사실 중요한건 Controller 랑 Mapper에 코딩을 어떻게 하느냐인데 이게 전부 한 화면에 나오는게 아니다 보니 왔다갔다하면 헷갈려서 일일이 스샷을 찍어서 엑셀 파일에 정리해뒀다. 수업시간에 배웠다고 해도 따로 복습을 안하면 효과가 없어서 이렇게 정리 해두고 계속 볼 예정이다. 사실 오늘 한건 회원가입과 로그인 관련 mvc만 한거라 게시판 관련해서 또 따로 정리해야한다. 어쨌든 진짜 복습만이 살길인것 같다 2023. 3. 13.
아이디 찾기 방법 중 택1 보통 아이디 찾기를 들어가보면 전화번호로 찾기/ 이메일로 찾기 등 여러가지 방법을 제시해준다 그래서 배운대로 script에서 유효성 검사를 통해 1.이름+전화번호 2.이름+이메일 이렇게 두가지 방법을 만드려고 하는데 1.이름 + 전화번호로 만들면 잘 넘어가는데 2. 이름+이메일로 만드려고 하면 1번의 이름까지 같이 써야 넘어간다. 분명히 조건문을 만들어서 1을 고르면 1만 쓰면 되게 하고, 2를 고르면 2만 쓰게 만들면 되는데 그걸 어떻게 해야될지 모르겠다. 미래의 나야 도와줘.. 2023. 3. 12.
카테고리 용도 이 카테고리는 현재 개발 공부를 하면서 해결하지 못한 문제를 기록해서 미래에 유능한 개발자가 된 나에게 질문하는 용도로 만든 게시판이다. 미래의 나는 이 게시판 문제를 척척 해결하길 바라며 2023. 3. 12.
연락처 나누기 dto, getter, setter 설정 홈페이지에서 회원가입을 할 때 연락처를 통으로 입력 받는 사이트도 있지만 e.g.)'01012345678' 3개로 나눠서 받는 사이트도 있다. e.g.) '010-1234-5678' 이럴때는 dto에 이렇게 따로 변수를 선언해준다. DB 내부에서는 보통 tel1, tel2, tel3가 따로 없고 tel 변수 하나에 전체 번호를 저장하기 때문에 DTO의 tel의 getter에 tel = tel1+"-"+tel2+"-"+tel3; 를 추가해준다. 반대로 연락처를 수정할 경우 DB에서 DTO로 전화번호를 가져오는데 tel 하나에 저장되어 있는 번호를 가져와서 tel1, tel2, tel3를 따로 나눠서 수정하기 때문에 DTO의 tel의 setter에 String telCut[]=tel.split("-"); t.. 2023. 3. 9.
외부 파일 데이터베이스에 넣기 회원 가입을 하거나 인터넷 쇼핑몰에서 주문을 하면 주소를 적어야 할때가 있는데 대부분의 사이트에서 도로명 주소만 입력하면 나머지 주소를 쉽게 선택하게끔 도와준다. 이때 사용하는 주소 데이터는 당연히 일일이 만드는게 아니고 나라에서 제공하는 데이터를 받아서 만드는데 이런 외부 파일을 데이터 베이스에 넣는 방법에 대해 알아보자. 1. 우정 사업 본부에서 파일 다운로드 https://www.koreapost.go.kr/ 우정사업본부 www.koreapost.go.kr 사진에 나온대로 순서대로 따라하면 zipcode_DB.zip을 다운받을 수 있다. 2. 엑셀 파일로 필요한 정보 정리 zip 파일 압축을 풀면 txt 파일로 저장되는데 편의상 그중에서 가장 용량이 작은 세종시 파일을 DB에 넣기로 하자. (제일 .. 2023. 3. 7.

티스토리툴바