Today I Learned …

* 개인적인 공부 내용을 기록한 글입니다. 사담 ㅎㅎㅎ 복구 끝이다... 고생했다 나 자신ㅠ 웹 CSS 복구 일지 (2) : 게시글 수정, 게시판/문의게시판 검색 1. board_update.php 2. board_search.php 3. qna_search.php 웹 CSS 복구 일지 (2) : 팝업창 1-1. ID 중복 검사 (중복X) 1-2. ID 중복 검사 (중복O) 2-1. 주소 검색 2-2. 주소 검색 (검색 중) 2-3. 주소 검색 (검색 결과) 2-4. 주소 검색 (상세 주소) 3. 마이페이지 접근 4. 비밀번호 변경 5-1. 문의글 (조회) 5-2. 문의글 (삭제)

* 개인적인 공부 내용을 기록한 글입니다. 웹 CSS 복구 일지 (2) 1. board.php 2. board_write.php 3. board_view.php 4. qna.php 5. qna_write.php 6. qna_view.php 7. mypage.php 8. mypage_post.php 9. mypage_like.php 10. mypage_change.php 남은 부분 1. board/qna - update/search 2. pop-ups - ID 중복 검사 - 주소 검색 - qna 연락처/비번 확인 - 마이페이지 비번 변경

* 개인적인 공부 내용을 기록한 글입니다. 설명 한달 전 노트북을 날려먹은고로... 한참 전에 끝내서 우분투에 잠자고 있던 웹도 고대로 날려먹었다 ㅎ 설상가상으로 git에도 푸시를 안해둬서... 처음부터 다시 만드는 방법 밖에 없었다. (푸시 안할거면 커밋은 왜 했는지?...) 천만다행으로 블로그에 중요한 코드는 정리를 해둬서 아예 쌩으로 다시 만들진 않았지만... 세부적인 구현들까지 다 남겨놓진 않았어서 울며겨자먹기로 열심히 복구했다ㅠ 특히 CSS는 정말 남겨놓은게 없어서 ㅎ 이왕 이렇게 된 김에 아예 새롭게 디자인해보았다... 그 기록 일지다... 웹 CSS 복구 일지 (1) 1. greet.php 첫 그리팅 화면이다. 로그인/회원가입 페이지로 진입 가능하며, 비회원인 상태로 메인 페이지에 진입할 수..

* 개인적인 공부 내용을 기록한 글입니다. 이전 포스팅 https://choco4study.tistory.com/123 [웹개발] 웹 호스팅으로 내 웹을 올려보자! (1) : 웹 페이지 올리기 (feat. 카페24) * 개인적인 공부 내용을 기록한 글입니다. 웹 호스팅으로 내 웹을 올려보자! (feat. 카페24) 개발을 독학하면서 가장 궁금했던건 그래서 이걸 어떻게 웹에 띄우지? 였다. 웹 호스팅, 서버 호스팅... choco4study.tistory.com 웹 호스팅으로 내 웹을 올려보자! (feat. 카페24) 이번 포스팅에서는 웹 서버의 DB에 접근하는 방법에 대해 알아보자! * GUI, CLI 상에서 모두 가능하다. 순서 [이전 포스팅] 1. 웹 호스팅 업체 선정 2. 웹 호스팅 신청 3. Fi..

* 개인적인 공부 내용을 기록한 글입니다. 웹 호스팅으로 내 웹을 올려보자! (feat. 카페24) 개발을 독학하면서 가장 궁금했던건 그래서 이걸 어떻게 웹에 띄우지? 였다. 웹 호스팅, 서버 호스팅... 말로만 들어봤지 직접 해본 적은 한번도 없었기 때문에 뭔지 모를 두려움을 갖고 있었다. 호스팅 서비스를 이용하면 된다던데, 페이지는 파일을 올리면 된다치고, 그럼 DB는 어떻게 띄우지? 같은 의문도 있었다. 최근 우연히 계기가 생겨 그래 까짓꺼 한번 직접 해보자! 하는 마음으로 웹 호스팅을 사용해봤다. 그리고 알게된 사실은... 겁 먹었던게 무색할 정도로 정말 쉽고 간편하게 만들어진 서비스라는 점이었다! 그래서 이번 포스팅에서는 누구나 쉽게 따라할 수 있는 웹 호스팅 사용 방법을 정리해보고자 한다. 전..

* 개인적인 공부 내용을 기록한 글입니다. 사담 친구 웹 만들다가... 급 꽂혀서 구현해봤다. 한글 종성 유무의 검증 평화로운 웹개발 중... [2]으로 검색한 결과입니다. [나무]으로 검색한 결과입니다. 갑자기 확 거슬리기 시작했다... 그런고로 열심히 뒤져서 구현해봤다. 전체 코드 $last = iconv_substr($search, -1, 1, "utf-8"); $dec = substr(mb_convert_encoding($last,'HTML-ENTITIES','UTF-8'),2,-1); $nums = array("3","6","0"); if($dec>=44032 && $dec=44032 && $dec

* 개인적인 공부 내용을 기록한 글입니다. 설명 주소 검색 기능을 구현하는 과정은 크게 둘로 나눌 수 있다. [1] 주소 DB 구축 [2] 회원가입 시 주소 검색 로직 구현 이번 포스팅에서는 주소 검색 로직 구현 부분을 다룬다. 예시 주소는 실제 주소가 아니다. 최종 화면 주소 검색 로직 구현 0-1. 전제 [1] 회원정보 테이블 (= member) 에 주소가 들어갈 address 컬럼을 생성해준 상태이다. 0-2. 요약 [1] join.php에 주소 기입란을 만들어준다. [2] 주소 검색창을 출력할 address.php를 만들어준다. [3] 주소 검색을 실질적으로 처리할 address_ok.php를 만들어준다. [4] 상세 주소 기입란을 출력할 detail.php를 만들어준다. [5] 전체적으로 연결 ..

* 개인적인 공부 내용을 기록한 글입니다. 사담 드디어 주소 DB! 이제 개발은 진짜 끝이다. 설명 주소 검색 기능을 구현하는 과정은 크게 둘로 나눌 수 있다. [1] 주소 DB 구축 [2] 회원가입 시 주소 검색 로직 구현 이번 포스팅에서는 API를 사용하지 않고 주소 DB를 구축하는 방법에 대해 다룬다. 주소 DB 구축 (MySql) 1. 우정사업본부 홈페이지 (= koreapost.go.kr) 에서 주소 DB를 다운받는다. [1] 메인화면 > 정보공개 > 우정데이터 제공센터 [2] 우편데이터 제공 목록 > 우편번호DB [3] 우편번호 DB란? > 우편번호 DB파일 바로가기 [4] 고시파일 내려받기 > 지역별 주소 DB > 받기 2. 다운받은 zipcode_DB의 압축을 풀고 각 파일의 이름을 숫자로..

* 개인적인 공부 내용을 기록한 글입니다. 사담 웹개발 복기도 거의 막바지에 다다랐다. 구현은 한꺼번에 하고 기록은 사후적으로 남기려고 하니 어쩔 수 없이 귀찮은 부분도 있었지만 누적 복습에는 제법 효과적이었던 것 같다! 설명 오늘은 게시글 검색 기능에 대해 다뤄본다. 기간 설정 기능을 포함한다. 최종 화면 게시글 검색 기능 0. 요약 [1] board.php에 검색창을 만들어준다. [2] 검색 과정을 실질적으로 처리하고 검색 결과를 출력할 search.php를 만들어준다. 1. 다음은 board.php에 추가할 내용이다. 제목 내용 작성자 ~ [1] 검색창을 만들어주는 과정이다. [2] method는 get으로, action은 search.php로 넘겨준다. [3] 와 태그를 이용해 검색 카테고리 설정..

* 개인적인 공부 내용을 기록한 글입니다. 설명 문의게시판에는 비회원도 문의글을 남길 수 있다. 이 포스팅에서는 문의게시판의 전반적인 내용을 다룬다. 최종 화면 문의글 작성 기능 1. 문의글 DB 만들기 (= q_board) [1] 문의글을 저장할 DB를 만들어준다. ① id : 문의글 식별자 ② title : 제목 ③ name : 작성자 이름 ④ contact : 작성자 연락처 ⑤ pw : 문의글 비밀번호 ⑥ content : 문의글 내용 ⑦ written : 작성일 ⑧ hit : 조회수 2. 문의글 게시판 만들기 (= q_board.php) [1] 문의글 리스트 출력과 페이징 기능을 구현한다. [2] 게시글 제목을 클릭하면 문의글 식별자 (= id) 와 함께 q_check.php로 넘어가게끔 구현한다..

* 개인적인 공부 내용을 기록한 글입니다. 설명 비밀번호 변경 기능에 대해 다뤄본다. 이전 포스팅에서 다뤘던 개인 정보 수정 기능에 살짝의 양념을 첨가하는 과정이다. 이전 포스팅 https://choco4study.tistory.com/62 [웹개발] 마이페이지 개인 정보 조회 및 수정 기능 * 개인적인 공부 내용을 기록한 글입니다. 설명 개인 정보 조회 및 수정 기능에 대해 다뤄본다. 전체적인 CSS 및 네비바 구현 등에 관한 내용은 생략한다. 최종 화면 마이페이지 개인 정보 조회 기 choco4study.tistory.com 최종 화면 마이페이지 비밀번호 변경 기능 0-1. 전제 [1] 이전 포스팅에서 다뤘던 개인 정보 수정 기능을 바탕으로 한다. [2] 비밀번호 변경의 경우, 현재 비밀번호를 한 차..

* 개인적인 공부 내용을 기록한 글입니다. 설명 개인 정보 조회 및 수정 기능에 대해 다뤄본다. 전체적인 CSS 및 네비바 구현 등에 관한 내용은 생략한다. 최종 화면 마이페이지 개인 정보 조회 기능 0. 전제 [1] 메인 화면 네비바의 [마이페이지] 를 클릭하면 마이페이지로 진입한다. [2] my_page.php는 마이페이지의 첫 화면으로, 개인 정보 조회 기능을 제공한다. 1. 다음은 개인 정보 조회 페이지를 출력할 my_page.php의 내용이다. 이름 연락처 Email 소개 [4] 적당한 표를 만들고 [5] 가져온 개인 정보를 넣어준다. 마이페이지 개인 정보 수정 기능 0. 전제 [1] 마이페이지 네비바의 [내 정보 변경] 을 클릭하면 my_change.php로 이동한다. 1. 다음은 개인 정보 ..