크게 triggerModal 이라는 store를 생성해서 todoInputItem에 리스트 하나를 클릭하면 해당 todo의 데이터를 가져와 위와같이 modal이 켜지며 타이틀, 내용이 보이는 형식

 

input 또는 textarea 에서 bind:value={ updateTitle } 하면, 값이 변하면 자동으로 script 변수에 데이터가 자동으로 업데이트가 된다.

 


/* input - bind:value */

<input type="text" class="title" bind:value={title} />

/* textarea - bind:value */

<textarea type="text" class="content" bind:value={content}></textarea>

 

일단 Modal을 만들고 데이터 다 뽑을 수 있게 작업 했으며, isUpdate 에 따라서 순 데이터 또는 input & textarea 분기 작업

'TIL (Dev) > 2025년' 카테고리의 다른 글

[ 2025 / 03 / 25 ] Todo List - Title  (0) 2025.03.25

Title 추가

 

'TIL (Dev) > 2025년' 카테고리의 다른 글

[ TODO ] Modal popup, Todo Update  (0) 2025.04.02

작업 :: 오전

Bug Fix : 오늘 오전까지 php 버그 수정 했고 this->lists(); 이런식으로 redirect 처리 하던것을 php ci 내장함수 helper 인 redirect 를 썻습니다 

 

요구사항 수행 :

1. php 유효성 검사 ( php ci validation 사용 )  - 오전 11시 40분 쯤 작업이 끝~ 인줄 알았으나 /controller/create는 금방 처리 되었는데 /controller/update 부분에서 /controller/process_update 부분이 뻑이 나면서controller/update > controller/detail로 넘어가면 문제가 없는데 controller/update 에서 유효성 검사에서 false 가 되어 새로고침 될때 url이 /controller/update 가 아니라 /controller/process_update가 되어서 segment 부분이 제대로 전달 되지 않아서 3시간 30분 가량 소모했던것 같습니다.

 

2. jQuery로 유효성 검사 하기 - /view/footer.php  에다가 js 코드를 모아두었습니다.

common 인 부분도 있고 /view/create.php /view/update.php 부분도 비슷한게 많아서 중복코드를 피하기 위해 common으로 만들기 위해 footer에 집합해 두었습니다.

  2 - 1 . 작성자 부분 한글, 영어만 사용 가능, 2자 이상 10자 미만

  2 - 2 . 제목 100자 이하

  2 - 3 . 3가지 input 창 모두 required

 

3. tel_number - 전화번호 넣는 칸을 추가 해달라고 하셔서

  3 - 1 . DB에 table 수정을 통해 tel_number 열을 추가 해주었습니다

  3 - 2 . board list 출력부분 tel_number 열 추가 x

  3 - 3 . board create input 영역 추가

  3 - 4 . php ci validation tel_number 유효성 검사 추가.

  3 - 5 . jQuery로 프론트 부분 tel_number 유효성 검사 추가

 

4. 게시판 목록 번호 넣기

  jQuery를 이용해 게시판 목록 번호을 넣기 위해선 전체 게시물 갯수와 현재 페이지 가 필요했는데 현재 페이지 부분에서 url segment가 이상하게 나오는 버그가 있었습니다. 그래서 그걸 처리하기 위해서 pagination 부분을 수정하여 처리했습니다.

 

5. 게시판 리스트 클릭시 detail 페이지 이동 기능 수정

  기존 board lis 에서 리스트 아이템을 클릭하면 ( tr 부분 ) detail로 가지 않고 무조건 제목 부분에 있는 a 태그 영역을 클릭해야 페이지 이동을 할 수 있었습니다, 

  이것을 html 영역에서 tr 부분에 id 또는 class로 board_id 를 주입하는것이 아닌 dataset 을 이용하여 ' data-item="1" ' 이러한 형태로 html 태그 형식으로 만들어 둔 뒤에 jQuery를 이용하여 select를 걸어서 tbody 아래 tr을 모두 가져와서 click 이벤트를 걸어줍니다. 그리고 콜백함수로 매개변수로 item 이라는 이름으로 받아오고 itemID 상수를 잡아준뒤 매개변수로 넘어온 element의 item currentTarget을 이용하여 dataset 'item' 값을 가져옵니다.

전에 만들어 둔 move_page 함수를 통해 `/index.php/board/detail/${itemID}` 를 인자로 넣어줍니다.

 

내일 할 예정

전화번호 유효성 검사

    1. 숫자만 받는 것

    2. 10자리 이상

검색 기능 추가

게시판 번호 추가

'TIL (Dev)' 카테고리의 다른 글

[2022-07-04] TIL  (0) 2022.07.04

회사에서 xampp 를 이용하여 php 환경 구축을 하였습니다.

php 7.4 mariaDB 를 이용하였습니다, 

 

 ERROR :: Apache port 

[Apache] This may be due to a blocked port, missing dependencies, 
[Apache] improper privileges, a crash, or a shutdown by another method.
[Apache] Press the Logs button to view error logs and check
[Apache] the Windows Event Viewer for more clues
[Apache] If you need more help, copy and post this
[Apache] entire log window on the forums

[Apache] This may be due to a blocked port, missing dependencies

 

딱 위에 한줄을 복사해서 구글링을 했습니다, 영어 대충 읽으면 포트가 막혔다, 포트가 충돌했다 인거 같은데 구글링 해보니 역시 포트가 충돌하여 포트를 바꾸면 된다고 하여 시도를 했습니다.

 

httpd.conf 에 들어가서 Listen 80을 8080으로 변경 하였으나 실패

혹시나 8080이 있나 싶어서 8090으로 해봤지만 실패

 

그래서 더 구글링 하여 ssl도 바꾸어 보라는 글을 보았습니다.

그래서 ssl도 Listen 433을 435, 437, 4433 으로 바꾸어 보았지만 실패

 

포트도 다 바꾸었고 Config 자체에 들어가서 포트를 설정을 했는데도 아파치가 실행이 안되는 겁니다.

그래서 cmd 창에 들어가서 apache의 httpd를 직접 실행해주었습니다.

저는 xampp 이기 때문에 C:\xampp\apache\bin\httpd 였습니다.

그랬더니 에러가 나왔습니다. php version 뭐라뭐라 하여서 생각해보니 xampp를 최초로 깔면 7.4로 깔리는데 5버전으로 연습할려고 php 5.6을 찾아서 xampp에 넣었다가 apache가 실행이 되지 않던것입니다.

 

그래서 php 버전 5.6 에서 7.4 로 다시 업그레이드 하고 실행 했더니 해결이 되었습니다.

 

 ERROR :: PHP Codeignite - Database Connection 

 

php ci 에서 데이터 베이스 연동을 했는데 에러가 떳습니다.

mysqli init 에러가 떳고 구글링을 해보니 php.ini 에서 ; 이 되어있어서 주석이 되어있기 때문에 풀라는 내용이었습니다.

ex) ;extension=mysqli

 

그래서 풀어주었지만 해결이 되지 않습니다.

 

결국 제가 해결을 하지 못했고 사수님이 해결을 해주셧습니다.

php.ini에서 extension=C:/xampp/php/ext/php_mysqli.dll 이런식으로 직접 경로를 지정해주어 import 했습니다.

그랬더니 db 연결이 제대로 되었습니다.

'TIL (Dev)' 카테고리의 다른 글

[ 2022-07-06 ] TIL  (0) 2022.07.06

220511 TIL

오늘 한 일(회고)

  • Tablet Diary 작성 220509, 220510
  • Github TIL 220511 작성후 push 했습니다.
  • Blog immutability 관련하여 작성하였는데 내용이 너무 길어 1편을 일단 만들고 2편 3편 그렇게 늘리기로 했습니다.
  • Outsourcing (외주) 이 요청이 와서 받고 이야기를 나눴습니다. 진행 성사 되진 않았습니다.

오늘 내 생각들

  • 컴퓨터가 조금 오래 되기도 했고 (5년) 그래서 교체할려고 돈을 모으긴 해야할것같습니다, 아마 [ CPU ] i7 13세대 [ 그래픽 카드 ] RTX 4080

오늘 할 일(계획)

  • Diary 220511 작성
  • Github
    • TIL 220511 작성후 올리기
  • Blog
    • JavaScript immutability 정리후 작성 (1편)
  • JavaScript
  • React
    • Redux 공부
  • Plan
    • 알바 알아보기
    • 시간 정리하기

내일 할 일

  • 아르바이트 구하기
  • 게임 한 횟수, 몇 시간, 언제 했는지 작성
  • 운동 10분 ~ 30분 (무슨 운동 했는지 작성)
  • 도커 공부

장기 계획 (Long Term Todos)

  • Project 1 day 3 pill
    • 계획서 작성
    • 일정표 작성
    • 기획서 작성
    • 기능 정의서 작성
    • 화면 정의서
    • 화면 설계
    • ERD 설계
  • project Gonmogen
    • ERD 설계
    • API_메인_추천리스트
    • FRONT_메인_추천리스트
  • Individual study (개인 공부)
    • Node.js 크롤링 공부해보기
    • React NodeJS CORS 해보기
    • React practice-todos-app 화면 구상

'TIL (Dev) > 2022년' 카테고리의 다른 글

[TIL] 220509  (0) 2022.05.12
[ TIL ] 220510  (0) 2022.05.11
[ TIL ] 220508  (0) 2022.05.10
[ TIL ] 220507  (0) 2022.05.10
[ TIL ] 220503 ~ 220506  (0) 2022.05.10

220509 TIL

오늘 한 일(회고)

  • Github TIL 220509 를 작성하였습니다.
  • Tablet 으로 다이어리, plan을 작성 하였습니다.
  • 생활 코딩 immutability 영상을 보고 배우고 실습을 해보며 노트에 작성했습니다.

오늘 내 생각들

  • 전보다는 공부를 더 많이 하긴 했지만 조금 더 나태한 시간들을 줄여나가야겠다고 생각했습니다.

오늘 할 일(계획)

  • Diary 220509 작성
  • Github
    • TIL 220509 작성후 올리기
  • Blog
    • JavaScript immutability 정리후 작성
  • JavaScript
    • Immutability 공부하기
  • React
    • Redux 공부
    • immutability 공부 (영상만 봤고 실습은 아직 못했습니다.)
  • Plan
    • 알바 알아보기
    • 시간 정리하기

내일 할 일

장기 계획 (Long Term Todos)

  • Project 1 day 3 pill

    • 계획서 작성
    • 일정표 작성
    • 기획서 작성
    • 기능 정의서 작성
    • 화면 정의서
    • 화면 설계
    • ERD 설계
  • project Gonmogen

    • ERD 설계
    • API_메인_추천리스트
    • FRONT_메인_추천리스트
  • Individual study (개인 공부)

    • Node.js 크롤링 공부해보기
    • React NodeJS CORS 해보기
    • React practice-todos-app 화면 구상

'TIL (Dev) > 2022년' 카테고리의 다른 글

[ TIL ] 220511  (0) 2022.05.12
[ TIL ] 220510  (0) 2022.05.11
[ TIL ] 220508  (0) 2022.05.10
[ TIL ] 220507  (0) 2022.05.10
[ TIL ] 220503 ~ 220506  (0) 2022.05.10

220510 TIL

오늘 한 일(회고)

  • Github TIL 220510 를 작성하였습니다.
  • immutability 에 대해 공부후 노트 정리를 끝냈습니다.
  • immutability 에 대해 정리한것을 블로그에 작성 중 입니다.
  • 블로그에 0503~0506, 0507, 0508 을 올렸습니다.

오늘 내 생각들

-

오늘 할 일(계획)

  • Diary 220510 작성
  • Github
    • TIL 220510 작성후 올리기
  • Blog
    • JavaScript immutability 정리후 작성 (작성중)
  • JavaScript
  • React
    • Redux 공부
  • Plan
    • 알바 알아보기
    • 시간 정리하기

내일 할 일

  • 게임 한 횟수, 몇 시간, 언제 했는지 작성
  • 운동 10분 ~ 30분 (무슨 운동 했는지 작성)
  • 도커 공부

장기 계획 (Long Term Todos)

  • Project 1 day 3 pill
    • 계획서 작성
    • 일정표 작성
    • 기획서 작성
    • 기능 정의서 작성
    • 화면 정의서
    • 화면 설계
    • ERD 설계
  • project Gonmogen
    • ERD 설계
    • API_메인_추천리스트
    • FRONT_메인_추천리스트
  • Individual study (개인 공부)
    • Node.js 크롤링 공부해보기
    • React NodeJS CORS 해보기
    • React practice-todos-app 화면 구상

'TIL (Dev) > 2022년' 카테고리의 다른 글

[ TIL ] 220511  (0) 2022.05.12
[TIL] 220509  (0) 2022.05.12
[ TIL ] 220508  (0) 2022.05.10
[ TIL ] 220507  (0) 2022.05.10
[ TIL ] 220503 ~ 220506  (0) 2022.05.10

220508 TIL

오늘 한 일(회고)

  • 오늘 굿노트 다이어리 속지를 구하였습니다.
  • 생활 코딩 reduce 를 보고 공부하다가 immutability 를 아는것이 좋다고 하여 생활코딩의 immutability의 영상을 보고 공부 했습니다.
  • 유튜브 알고리즘을 타고가다가 우연히 블리자드 개발자 30년의 개발 노하우 라는 영상을 보고 괜찮은 이야기를 많이 들었습니다.

오늘 내 생각들

  • 내가 번 아웃이 왔다는 것에 대해 공감하는 부분입니다.
  • 이 번아웃이 왔을때 나는 어떻게 대처할것인가를 계속 생각을 해 봐야할 것 같습니다.
  • 의미 없는것 같은 TIL를 매일 매일 끈을 놓지 않고 계속 쓰고 있는 이유는 이거라도 안하면 다시 몇달 더 의미 없는 시간을 보낼것 같아서 최대한 오늘 했던 일들을 적을려고 노력 하고있습니다.

오늘 할 일(계획)

  • Diary 220508 작성
  • Github
    • TIL 220508 작성후 올리기
  • Tablet Diary Book inlay
    • 다이어리 속지를 구했습니다.
  • React
    • Redux 공부
    • immutability 공부 (영상만 봤고 실습은 아직 못했습니다.)

내일 할 일

  • 알바 알아보기
  • 시간 정리하기
  • plan 짜보기

장기 계획 (Long Term Todos)

  • Project 1 day 3 pill

    • 계획서 작성
    • 일정표 작성
    • 기획서 작성
    • 기능 정의서 작성
    • 화면 정의서
    • 화면 설계
    • ERD 설계
  • project Gonmogen

    • ERD 설계
    • API_메인_추천리스트
    • FRONT_메인_추천리스트
  • Individual study (개인 공부)

    • Node.js 크롤링 공부해보기
    • React NodeJS CORS 해보기
    • React practice-todos-app 화면 구상

'TIL (Dev) > 2022년' 카테고리의 다른 글

[TIL] 220509  (0) 2022.05.12
[ TIL ] 220510  (0) 2022.05.11
[ TIL ] 220507  (0) 2022.05.10
[ TIL ] 220503 ~ 220506  (0) 2022.05.10
[ 2022-04-28 ] TIL  (0) 2022.04.28

220507 TIL

오늘 한 일(회고)

  • 오늘 오후에 후배들 놀아준다고 공부를 하지 못했습니다..
  • 내일 react 전에 배웠던것을 복습하며 reducer, redux, react-redux를 공부하고 정리해보겠습니다.

오늘 할 일(계획)

  • Diary 220507 작성
  • Github
    • TIL 220507 작성후 올리기

내일 할 일

  • 내일 할 일

장기 계획 (Long Term Todos)

  • Project 1 day 3 pill
    • 계획서 작성
    • 일정표 작성
    • 기획서 작성
    • 기능 정의서 작성
    • 화면 정의서
    • 화면 설계
    • ERD 설계
  • project Gonmogen
    • ERD 설계
    • API_메인_추천리스트
    • FRONT_메인_추천리스트
  • Individual study (개인 공부)
    • Node.js 크롤링 공부해보기
    • React NodeJS CORS 해보기
    • React practice-todos-app 화면 구상

'TIL (Dev) > 2022년' 카테고리의 다른 글

[ TIL ] 220510  (0) 2022.05.11
[ TIL ] 220508  (0) 2022.05.10
[ TIL ] 220503 ~ 220506  (0) 2022.05.10
[ 2022-04-28 ] TIL  (0) 2022.04.28
[ 2022-04-27 ] TIL  (0) 2022.04.27

220503 ~ 220506 TIL

지난 일주일

  • 5월 1일부터 TIL도 안적고 개발은 계속 했지만 README를 꾸민다거나 TIL를 지속적으로 한다거나 포스팅을 한다거나 하진 않았습니다.

  • 5월 2일 ~ 5월 5일까지 오토핫키 라는 매크로 스크립트를 이용하여 매크로를 만들며 개발에 흥미를 다시 갖기 위한 노력을 했습니다.

    • 오토핫키를 접하였고 모 게임에서 매크로를 개발 했습니다.
  • 5월 3일

    • github에 repository를 파서 private로 만든뒤 개발 할때마다 정리하여 version 을 붙이며 관리를 하였습니다.
  • 5월 4일

    • version 시스템을 처음에 이해를 하지 못하여 0.0.1 ~ 0.0.4 이런식으로 이름을 붙였다가 뭔가 이상하여 구글링 하여 알아보았습니다.
      • 현재 1.0.0 ~ 1.4.1 까지 나왔습니다.
  • 5월 5일

    • version 1.4.1 올렸습니다.
  • Github TIL 220506 올렸습니다.

  • Macro 작업 했습니다.

오늘 할 일(계획)

  • 이번 한달 TIL, 그리고 지난 날들 돌아보는 시간을 갖기
  • Diary 220506 작성
  • Github
    • TIL 220506 작성후 올리기

내일 할 일

  • 내일 할 일

장기 계획 (Long Term Todos)

  • Project 1 day 3 pill

    • 계획서 작성
    • 일정표 작성
    • 기획서 작성
    • 기능 정의서 작성
    • 화면 정의서
    • 화면 설계
    • ERD 설계
  • project Gonmogen

    • ERD 설계
    • API_메인_추천리스트
    • FRONT_메인_추천리스트
  • Individual study (개인 공부)

    • Node.js 크롤링 공부해보기
    • React NodeJS CORS 해보기
    • React practice-todos-app 화면 구상

'TIL (Dev) > 2022년' 카테고리의 다른 글

[ TIL ] 220508  (0) 2022.05.10
[ TIL ] 220507  (0) 2022.05.10
[ 2022-04-28 ] TIL  (0) 2022.04.28
[ 2022-04-27 ] TIL  (0) 2022.04.27
[ 2022-04-26 ] TIL  (0) 2022.04.26

+ Recent posts