티스토리

Today I Learned …
검색하기

블로그 홈

Today I Learned …

choco4study.tistory.com/m

FE Developer, loves React & better DX

구독자
24
방명록 방문하기
공지 [23.02.09] 블로그 재개합니다⋯ 모두보기

주요 글 목록

  • [웹개발] 웹 CSS 복구 일지 (끝) : 게시글 수정, 게시판/문의게시판 검색, 팝업창 * 개인적인 공부 내용을 기록한 글입니다. 사담 ㅎㅎㅎ 복구 끝이다... 고생했다 나 자신ㅠ 웹 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. 문의글 (삭제) 공감수 1 댓글수 0 2022. 1. 7.
  • [웹개발] 웹 CSS 복구 일지 (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 연락처/비번 확인 - 마이페이지 비번 변경 공감수 1 댓글수 0 2022. 1. 6.
  • [웹개발] 웹 CSS 복구 일지 (1) : 그리팅, 로그인, 회원가입, 메인 * 개인적인 공부 내용을 기록한 글입니다. 설명 한달 전 노트북을 날려먹은고로... 한참 전에 끝내서 우분투에 잠자고 있던 웹도 고대로 날려먹었다 ㅎ 설상가상으로 git에도 푸시를 안해둬서... 처음부터 다시 만드는 방법 밖에 없었다. (푸시 안할거면 커밋은 왜 했는지?...) 천만다행으로 블로그에 중요한 코드는 정리를 해둬서 아예 쌩으로 다시 만들진 않았지만... 세부적인 구현들까지 다 남겨놓진 않았어서 울며겨자먹기로 열심히 복구했다ㅠ 특히 CSS는 정말 남겨놓은게 없어서 ㅎ 이왕 이렇게 된 김에 아예 새롭게 디자인해보았다... 그 기록 일지다... 웹 CSS 복구 일지 (1) 1. greet.php 첫 그리팅 화면이다. 로그인/회원가입 페이지로 진입 가능하며, 비회원인 상태로 메인 페이지에 진입할 수.. 공감수 2 댓글수 0 2022. 1. 4.
  • [웹개발] 웹 호스팅으로 내 웹을 올려보자! (끝) : MySql DB 사용하기 (feat. 카페24) * 개인적인 공부 내용을 기록한 글입니다. 이전 포스팅 https://choco4study.tistory.com/123 [웹개발] 웹 호스팅으로 내 웹을 올려보자! (1) : 웹 페이지 올리기 (feat. 카페24) * 개인적인 공부 내용을 기록한 글입니다. 웹 호스팅으로 내 웹을 올려보자! (feat. 카페24) 개발을 독학하면서 가장 궁금했던건 그래서 이걸 어떻게 웹에 띄우지? 였다. 웹 호스팅, 서버 호스팅... choco4study.tistory.com 웹 호스팅으로 내 웹을 올려보자! (feat. 카페24) 이번 포스팅에서는 웹 서버의 DB에 접근하는 방법에 대해 알아보자! * GUI, CLI 상에서 모두 가능하다. 순서 [이전 포스팅] 1. 웹 호스팅 업체 선정 2. 웹 호스팅 신청 3. Fi.. 공감수 7 댓글수 2 2021. 12. 26.
  • [웹개발] 웹 호스팅으로 내 웹을 올려보자! (1) : 웹 페이지 올리기 (feat. 카페24) * 개인적인 공부 내용을 기록한 글입니다. 웹 호스팅으로 내 웹을 올려보자! (feat. 카페24) 개발을 독학하면서 가장 궁금했던건 그래서 이걸 어떻게 웹에 띄우지? 였다. 웹 호스팅, 서버 호스팅... 말로만 들어봤지 직접 해본 적은 한번도 없었기 때문에 뭔지 모를 두려움을 갖고 있었다. 호스팅 서비스를 이용하면 된다던데, 페이지는 파일을 올리면 된다치고, 그럼 DB는 어떻게 띄우지? 같은 의문도 있었다. 최근 우연히 계기가 생겨 그래 까짓꺼 한번 직접 해보자! 하는 마음으로 웹 호스팅을 사용해봤다. 그리고 알게된 사실은... 겁 먹었던게 무색할 정도로 정말 쉽고 간편하게 만들어진 서비스라는 점이었다! 그래서 이번 포스팅에서는 누구나 쉽게 따라할 수 있는 웹 호스팅 사용 방법을 정리해보고자 한다. 전.. 공감수 12 댓글수 6 2021. 12. 26.
  • [웹개발] 한글 종성 유무의 검증 * 개인적인 공부 내용을 기록한 글입니다. 사담 친구 웹 만들다가... 급 꽂혀서 구현해봤다. 한글 종성 유무의 검증 평화로운 웹개발 중... [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 댓글수 0 2021. 12. 20.
  • [웹개발] 주소 검색 기능 (끝) : 주소 검색 로직 구현 * 개인적인 공부 내용을 기록한 글입니다. 설명 주소 검색 기능을 구현하는 과정은 크게 둘로 나눌 수 있다. [1] 주소 DB 구축 [2] 회원가입 시 주소 검색 로직 구현 이번 포스팅에서는 주소 검색 로직 구현 부분을 다룬다. 예시 주소는 실제 주소가 아니다. 최종 화면 주소 검색 로직 구현 0-1. 전제 [1] 회원정보 테이블 (= member) 에 주소가 들어갈 address 컬럼을 생성해준 상태이다. 0-2. 요약 [1] join.php에 주소 기입란을 만들어준다. [2] 주소 검색창을 출력할 address.php를 만들어준다. [3] 주소 검색을 실질적으로 처리할 address_ok.php를 만들어준다. [4] 상세 주소 기입란을 출력할 detail.php를 만들어준다. [5] 전체적으로 연결 .. 공감수 4 댓글수 0 2021. 11. 16.
  • [웹개발] 주소 검색 기능 (1) : 주소 DB 자체 구축 (MySql) * 개인적인 공부 내용을 기록한 글입니다. 사담 드디어 주소 DB! 이제 개발은 진짜 끝이다. 설명 주소 검색 기능을 구현하는 과정은 크게 둘로 나눌 수 있다. [1] 주소 DB 구축 [2] 회원가입 시 주소 검색 로직 구현 이번 포스팅에서는 API를 사용하지 않고 주소 DB를 구축하는 방법에 대해 다룬다. 주소 DB 구축 (MySql) 1. 우정사업본부 홈페이지 (= koreapost.go.kr) 에서 주소 DB를 다운받는다. [1] 메인화면 > 정보공개 > 우정데이터 제공센터 [2] 우편데이터 제공 목록 > 우편번호DB [3] 우편번호 DB란? > 우편번호 DB파일 바로가기 [4] 고시파일 내려받기 > 지역별 주소 DB > 받기 2. 다운받은 zipcode_DB의 압축을 풀고 각 파일의 이름을 숫자로.. 공감수 5 댓글수 0 2021. 11. 16.
  • [웹개발] 게시글 검색 기능 (기간 설정 포함) * 개인적인 공부 내용을 기록한 글입니다. 사담 웹개발 복기도 거의 막바지에 다다랐다. 구현은 한꺼번에 하고 기록은 사후적으로 남기려고 하니 어쩔 수 없이 귀찮은 부분도 있었지만 누적 복습에는 제법 효과적이었던 것 같다! 설명 오늘은 게시글 검색 기능에 대해 다뤄본다. 기간 설정 기능을 포함한다. 최종 화면 게시글 검색 기능 0. 요약 [1] board.php에 검색창을 만들어준다. [2] 검색 과정을 실질적으로 처리하고 검색 결과를 출력할 search.php를 만들어준다. 1. 다음은 board.php에 추가할 내용이다. 제목 내용 작성자 ~ [1] 검색창을 만들어주는 과정이다. [2] method는 get으로, action은 search.php로 넘겨준다. [3] 와 태그를 이용해 검색 카테고리 설정.. 공감수 1 댓글수 0 2021. 11. 15.
  • [웹개발] 비회원 문의글 작성, 조회 및 삭제 기능 * 개인적인 공부 내용을 기록한 글입니다. 설명 문의게시판에는 비회원도 문의글을 남길 수 있다. 이 포스팅에서는 문의게시판의 전반적인 내용을 다룬다. 최종 화면 문의글 작성 기능 1. 문의글 DB 만들기 (= q_board) [1] 문의글을 저장할 DB를 만들어준다. ① id : 문의글 식별자 ② title : 제목 ③ name : 작성자 이름 ④ contact : 작성자 연락처 ⑤ pw : 문의글 비밀번호 ⑥ content : 문의글 내용 ⑦ written : 작성일 ⑧ hit : 조회수 2. 문의글 게시판 만들기 (= q_board.php) [1] 문의글 리스트 출력과 페이징 기능을 구현한다. [2] 게시글 제목을 클릭하면 문의글 식별자 (= id) 와 함께 q_check.php로 넘어가게끔 구현한다.. 공감수 1 댓글수 0 2021. 11. 14.
  • [웹개발] 마이페이지 비밀번호 변경 기능 * 개인적인 공부 내용을 기록한 글입니다. 설명 비밀번호 변경 기능에 대해 다뤄본다. 이전 포스팅에서 다뤘던 개인 정보 수정 기능에 살짝의 양념을 첨가하는 과정이다. 이전 포스팅 https://choco4study.tistory.com/62 [웹개발] 마이페이지 개인 정보 조회 및 수정 기능 * 개인적인 공부 내용을 기록한 글입니다. 설명 개인 정보 조회 및 수정 기능에 대해 다뤄본다. 전체적인 CSS 및 네비바 구현 등에 관한 내용은 생략한다. 최종 화면 마이페이지 개인 정보 조회 기 choco4study.tistory.com 최종 화면 마이페이지 비밀번호 변경 기능 0-1. 전제 [1] 이전 포스팅에서 다뤘던 개인 정보 수정 기능을 바탕으로 한다. [2] 비밀번호 변경의 경우, 현재 비밀번호를 한 차.. 공감수 1 댓글수 0 2021. 11. 13.
  • [웹개발] 마이페이지 개인 정보 조회 및 수정 기능 * 개인적인 공부 내용을 기록한 글입니다. 설명 개인 정보 조회 및 수정 기능에 대해 다뤄본다. 전체적인 CSS 및 네비바 구현 등에 관한 내용은 생략한다. 최종 화면 마이페이지 개인 정보 조회 기능 0. 전제 [1] 메인 화면 네비바의 [마이페이지] 를 클릭하면 마이페이지로 진입한다. [2] my_page.php는 마이페이지의 첫 화면으로, 개인 정보 조회 기능을 제공한다. 1. 다음은 개인 정보 조회 페이지를 출력할 my_page.php의 내용이다. 이름 연락처 Email 소개 [4] 적당한 표를 만들고 [5] 가져온 개인 정보를 넣어준다. 마이페이지 개인 정보 수정 기능 0. 전제 [1] 마이페이지 네비바의 [내 정보 변경] 을 클릭하면 my_change.php로 이동한다. 1. 다음은 개인 정보 .. 공감수 4 댓글수 0 2021. 11. 12.
  • [웹개발] 게시글 삭제 기능 * 개인적인 공부 내용을 기록한 글입니다. 최종 화면 이전 포스팅 https://choco4study.tistory.com/56 [웹개발] 게시글 수정 기능 * 개인적인 공부 내용을 기록한 글입니다. 최종 화면 이전 포스팅 https://choco4study.tistory.com/40?category=1054456 [웹개발] 게시글 작성 기능 * 개인적인 공부 내용을 기록한 글입니다. 최종 화면 게시글.. choco4study.tistory.com 게시글 삭제 기능 0. 요약 [1] 작성자가 게시글을 조회하는 경우에만 [삭제] 버튼이 나타나게끔 구현한다. [2] [삭제] 버튼을 클릭하면 게시글을 삭제한다. 1. 다음은 게시글 조회 페이지를 출력하는 view.php에 추가해줄 내용이다. 공감수 1 댓글수 0 2021. 11. 7.
  • [웹개발] 게시글 수정 기능 * 개인적인 공부 내용을 기록한 글입니다. 최종 화면 이전 포스팅 https://choco4study.tistory.com/40?category=1054456 [웹개발] 게시글 작성 기능 * 개인적인 공부 내용을 기록한 글입니다. 최종 화면 게시글 작성 기능 0. 요약 [1] 게시글 DB 만들기 [2] 게시글 폼 만들기 [3] 폼과 DB 연결 [4] 끝! + 회원만 작성할 수 있게 세션 검증은 덤 1. 게시글 choco4study.tistory.com https://choco4study.tistory.com/52?category=1054456 [웹개발] 파일 업로드/다운로드 기능 * 개인적인 공부 내용을 기록한 글입니다. 사담 죽다살아났다... 내일은 일정이 있어서 빨리 자야하는데 벌써 세시다...ㅠ 요.. 공감수 1 댓글수 2 2021. 11. 7.
  • [웹개발] 조회수/좋아요(취소 포함) 기능 * 개인적인 공부 내용을 기록한 글입니다. 설명 오늘은 조회수와 좋아요 기능에 대해 살펴보려고 한다. 최종 화면 조회수 기능 0. 전제 [1] 게시글 DB에 조회수를 저장할 hit 컬럼을 추가해준 상태이다. (= default 0) [2] 작성자가 아닌 다른 사람이 게시글을 조회하는 경우에만 조회수가 증가하게끔 구현한다. 1. 먼저, 게시글 조회 페이지를 출력하는 view.php에 추가해줄 내용이다. if($_SESSION['user_id'] != $res_view['writer']){ $sql_hit = "UPDATE board SET hit=hit+1 WHERE id=$id"; $res_hit = mysqli_query($conn, $sql_hit); } [1] 현재 게시글을 조회한 사용자가 해당 게.. 공감수 2 댓글수 0 2021. 11. 3.
  • [웹개발] 파일 업로드/다운로드 기능 * 개인적인 공부 내용을 기록한 글입니다. 사담 죽다살아났다... 내일은 일정이 있어서 빨리 자야하는데 벌써 세시다...ㅠ 요즘 블로그도 그렇고 살짝 날로 먹는 것 같아서 마음이 좀 불편... 보고서는 계속 진행 중... 생각보다 진도가 너무 안나간다 ㅠ 설명 오늘은 파일 업로드/다운로드 기능에 대해 다뤄본다. 최종 화면 파일 업로드 기능 0. 전제 게시글 DB에 파일명을 저장할 컬럼을 하나 추가해준 상태이다. 1. 다음은 게시글 작성 페이지를 출력하는 write.php의 폼 내부이다. [1] 태그 내부에 enctype="multipart/form-data" 를 추가해준다. ⇒ enctype 속성은 method가 POST인 경우에만 사용할 수 있다. ⇒ multipart/form-data 는 모든 문자를.. 공감수 1 댓글수 0 2021. 11. 2.
  • [웹개발] 게시글 리스트 페이징 기능 * 개인적인 공부 내용을 기록한 글입니다. 설명 저번에 게시글 리스트 출력을 다뤘으니 이번에는 페이징을 다뤄볼까 한다. 페이징에는 크게 두 가지의 목표가 있다. 1. 한 페이지 당 원하는 개수의 게시글을 출력하고 그때 그때 총 페이지 개수에 따라 페이지 번호를 출력해 링크를 타고 넘어다닐 수 있게끔 한다. 2. 페이지가 20개, 30개 된다면... 혹은 100개 쯤 된다면 페이지 번호 자체도 페이징해주는 편이 보기 편할 것이다. 이걸 보통 block이라고 부른다. 여기서는 먼저 1번을 다뤄본다. 최종 화면 게시글 리스트 페이징 기능 : 게시글 페이징 1. 먼저, 이전에 짜놨던 기본 게시글 리스트 출력 코드이다. //(윗 부분)... [1] 전체 게시글을 id를 기준으로 내림차순으로 정렬하고, [2] wh.. 공감수 3 댓글수 0 2021. 11. 1.
  • [웹개발] 웹 최종 한 눈에 보기 (끝) : 마이페이지, 회원 정보 조회, 회원 정보 변경, 내가 쓴 글 모아보기, 내가 공감한 글 모아보기 * 개인적인 공부 내용을 기록한 글입니다. 소감 최종 결과물을 화면과 화면에 대한 설명 위주로 한 눈에 펼쳐본다. 최종 소감 맨 아래로! 이전 포스팅 http://choco4study.tistory.com/46 [웹개발] 웹 최종 한 눈에 보기 (3) : 문의게시판, 비회원 글작성, 비밀번호 관리 * 개인적인 공부 내용을 기록한 글입니다. 소감 최종 결과물을 화면과 화면에 대한 설명 위주로 한 눈에 펼쳐본다. 앞으로 추가할 사항 현재는 회원/비회원에 관계없이 작성자 이름과 비밀번호 choco4study.tistory.com 마이페이지 1. 마이페이지 : 회원 정보 조회 [1] 메인 화면 네비바의 [마이페이지] 를 눌러 마이페이지로 진입했을 때의 첫 모습이다. [2] 네비바가 마이페이지 전용 네비바로 바뀐.. 공감수 2 댓글수 0 2021. 10. 27.
  • [웹개발] 웹 최종 한 눈에 보기 (3) : 문의게시판, 비회원 글작성, 비밀번호 관리 * 개인적인 공부 내용을 기록한 글입니다. 소감 최종 결과물을 화면과 화면에 대한 설명 위주로 한 눈에 펼쳐본다. 이후 수정할 사항 현재는 회원/비회원에 관계없이 작성자 이름과 비밀번호를 받고, 모든 문의글이 잠겨있다는 전제이다. ⇒ 회원일 경우 작성자 이름과 비밀번호를 받지 않고, 사용자의 선택에 따라 공개/잠금 여부를 설정할 수 있도록 변경할 생각이다. 이전 포스팅 http://choco4study.tistory.com/45 [웹개발] 웹 최종 한 눈에 보기 (2) : 글수정, 글삭제, 조회수, 좋아요 (취소 포함) * 개인적인 공부 내용을 기록한 글입니다. 소감 최종 결과물을 화면과 화면에 대한 설명 위주로 한 눈에 펼쳐본다. 이전 포스팅 http://choco4study.tistory.com/44.. 공감수 1 댓글수 0 2021. 10. 27.
  • [웹개발] 웹 최종 한 눈에 보기 (2) : 글수정, 글삭제, 조회수, 좋아요 (취소 포함) * 개인적인 공부 내용을 기록한 글입니다. 소감 최종 결과물을 화면과 화면에 대한 설명 위주로 한 눈에 펼쳐본다. 이전 포스팅 http://choco4study.tistory.com/44 [웹개발] 웹 최종 한 눈에 보기 (1) : 그리팅, 로그인, 회원가입, 메인, 글쓰기, 글조회, 게시판, 검 * 개인적인 공부 내용을 기록한 글입니다. 소감 중간고사 기간에... 틈틈이 딴짓처럼 하다보니... 어느새 다 만들었다.. 반쯤 정신이 나간 상태에서(...) 작업했다보니 효율적이지 못하게 짠 부분 choco4study.tistory.com 회원게시판 관련 편의 (1) : 글수정, 글삭제 1-1. 게시글 수정 : 전체적으로 [1] 글조회 시 해당 게시글이 자신이 쓴 글이면 우측 하단에 [수정] [삭제] 버튼이 .. 공감수 1 댓글수 0 2021. 10. 27.
  • [웹개발] 웹 최종 한 눈에 보기 (1) : 그리팅, 로그인, 회원가입, 메인, 글쓰기, 글조회, 게시판, 검색어로 검색, 작성기간으로 검색 * 개인적인 공부 내용을 기록한 글입니다. 소감 중간고사 기간에... 틈틈이 딴짓처럼 하다보니... 어느새 다 만들어버렸다... 반쯤 정신이 나간 상태에서(...) 작업했다보니 효율적이지 못하게 짠 부분도 있을 것 같다. 시간은 충분하니 계속 수정하고 업데이트하면서 조금씩 더 발전시켜볼 생각이다. 이 포스팅에서는 최종 결과물을 화면과 화면에 대한 설명 위주로 한 눈에 펼쳐보려고 한다. * 주소DB는 구현 전이다. 언제나 그렇지만 기능 구현 시간이 한시간이면 디자인은 두세시간은 넘게 걸린 것 같다. CSS는 제대로 해보려고 했는데.. 생각보다 레이아웃이나 셀렉터 관련 내용이 까다로웠다. 꾸미기에 있어서는 정말 감각도 없고 끈기(?)도 없는 나로서는 그냥.. 어떻게든 해보는 것에 의의를 뒀다. 디자인 전공하.. 공감수 1 댓글수 0 2021. 10. 27.
  • [웹개발] 게시글 리스트 출력 기능 * 개인적인 공부 내용을 기록한 글입니다. 최종 화면 게시판 리스트 출력 기능 0. 요약 [1] 게시판 페이지를 만든다. [2] 게시글 목록을 출력할 표를 만든다. [3] DB에 담긴 게시글 정보를 최신글부터 가져와 출력해준다. 1. 게시판 페이지 (= board.php) 에 게시글 목록을 출력할 표를 만든다. 게시판 글쓰기 Post ID 제목 작성자 작성일 조회수 좋아요 [0] 게시글 목록 상단의 제목 부분을 만든다. ① Post ID ② 제목 ③ 작성자 ④ 작성일 ⑤ 조회수 ⑥ 좋아요 2. DB에 담긴 게시글 정보를 최신글부터 가져와 출력해준다. //(윗 부분)... [1] SELECT ~ ORDER BY 구문을 통해 모든 게시글의 정보를 최신글부터 가져온다. [2] fetch를 반복 실행해서 쿼리문.. 공감수 2 댓글수 0 2021. 10. 26.
  • [웹개발] 게시글 작성 기능 * 개인적인 공부 내용을 기록한 글입니다. 최종 화면 게시글 작성 기능 0. 요약 [1] 게시글 DB 만들기 [2] 게시글 폼 만들기 [3] 폼과 DB 연결 [4] 끝! + 회원만 작성할 수 있게 세션 검증은 덤 1. 게시글 DB 만들기 (= board) [0] 게시글을 저장할 DB를 적당히 만들어준다. [1] 앞으로 필요한 컬럼들까지 한 방에 만들어줬다. ① id : 게시글 식별자 ② title : 제목 ③ writer : 작성자 ID ④ name : 작성자 이름 ⑤ written : 작성일 ⑥ content : 게시글 내용 ⑦ file : 업로드한 파일 ⑧ hit : 조회수 ⑨ liked : 좋아요 2. 게시글 폼 만들기 (= write.php) 글쓰기 [0] 간단한 폼을 만들어준다. [1] 세션이 .. 공감수 2 댓글수 0 2021. 10. 26.
  • [웹개발] 비밀번호 일치 확인 * 개인적인 공부 내용을 기록한 글입니다. 소감 회원가입 시 비밀번호를 두번 이상 확인하는건 가입자의 실수를 방지하지 위한... 인지상정(?) 간단하게 구현해보자! 최종 화면 비밀번호 일치 확인 1. 먼저 join.php의 태그 내부이다. 비밀번호: 비밀번호 확인: [1] 비밀번호 확인 폼을 하나 더 만든다. [2] php로 다뤄주기 위해 name을 지정해준다. 2. 다음은 회원가입을 처리할 join_ok.php의 일부 내용이다. $join_pw = $_POST['join_pw']; $join_pw2 = $_POST['join_pw2']; if(!$check){ //사용가능ID if($join_pw != $join_pw2){ //비밀번호 불일치 echo ""; } else { //비밀번호 일치 if($r.. 공감수 2 댓글수 0 2021. 10. 24.
  • [웹개발] 로그인 5 Cases * 개인적인 공부 내용을 기록한 글입니다. 소감 식별/인증 케이스에 따른 로그인 페이지 5개를 개발했다. 로그인 5 Cases Case 1. 식별/인증 동시 기존 페이지와 동일하다. login_id와 login_pw를 동시에 만족하는 행이 '존재하면' 로그인에 성공한다. Case 2. 식별/인증 분리 login_pw와 user_pw가 '일치하면' 로그인에 성공한다. 공감수 1 댓글수 2 2021. 10. 24.
  • [웹개발] 아이디 중복 검사 * 개인적인 공부 내용을 기록한 글입니다. 소감 3주차 과제지만 미리 만들어봤다. 주소DB도 만들어야하는데 생각보다 까다로워서 잠시 보류ㅠ CSS가 중구난방으로(...) 적용되어있으니 코드 보는데 방해가 돼서 기능만 구현할 브랜치를 새로 만들었다. 디자인 정보를 깔끔하게 정리할 수 있도록 CSS 공부도 따로 해보고 싶다. 회원가입 시 아이디 중복 검사 1. 요약 join.php와 join_ok.php를 수정해주고 아이디 중복 검사를 처리할 check.php를 새로 만들어줬다. 2. 아이디 중복 검사 시나리오 [1] 아이디를 입력한다. [2] 중복 검사 버튼을 누르면 기존 DB에 해당 아이디가 이미 존재하는지 확인한다. [3] 새 창을 띄워서 확인 결과를 안내한다. [4-1] 이미 존재한다면 사용할 수 없.. 공감수 4 댓글수 3 2021. 10. 23.
  • [웹개발] CSS 적용 * 개인적인 공부 내용을 기록한 글입니다. 소감 이왕 만드는거 예쁘게 만들어보고 싶어서 시작한 작업이 생각보다 엄청 오래 걸렸다... 그래도 조금 뿌듯하기도 하고 그 과정에서 Html, Css, JavaScript에 대해 더 많이 이해할 수 있게 된 것 같다. 세가지에 대해서는 따로 포스팅으로 정리하려고 한다. 야매로 한땀한땀 찍느라 코드가 너무.. 중구난방이라서 코드블럭은 맨 뒤로 빼버렸다. CSS 적용 1. 메인 화면 2. 로그인 화면 3. 회원가입 화면 4. 로그아웃 Code 1. deco.css span { padding: 7px; border-radius: 8px; border-color: pink; border-style: solid; border-width:3px; } div { text-a.. 공감수 1 댓글수 1 2021. 10. 15.
  • [웹개발] 로그인/로그아웃, 메인 페이지, 회원가입 * 개인적인 공부 내용을 기록한 글입니다. 1주차 개발 과제 1. 가상 환경에 Ubuntu 설치 2. APM 세팅 3. 로그인/로그아웃, 메인 페이지 개발 소감 PHP + Mysql 을 통해 로그인 기능을 구현했다. 로그인 시 DB에 저장된 ID/PW 와 일치 여부를 확인하고 성공하면 세션을 발급해서 다른 페이지로 넘어가도 로그인 상태를 유지할 수 있도록 했다. 로그아웃 시에는 발급해준 세션을 삭제한다. 내친 김에 회원가입 기능도 만들어봤는데 로그인 기능과 크게 다른 점은 없는 것 같다. 회원가입 시 폼에 기입한 정보를 쿼리문에 적어서 DB로 넘겨줬다. 지금 상태에서는 PW를 평문인 상태로 바로 저장하는데.. 곧 암호화 과정을 추가해줄 생각이다. 앗 그리고.. 새로운 회원 정보가 테이블에 들어가면서 Au.. 공감수 2 댓글수 0 2021. 10. 15.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.