Backend
-
프로젝트에 eslint를 설정해 놓고, fix해주는 코드를 package.json에 작성해놨다. 그 후 터미널에서 fix해주는 명령어를 입력했는데 아래 이미지와 같은 에러가 났다 Oops! Something went wrong! :( ESLint: 8.56.0 Error: synckit tried to access ", but it isn't declared in its dependencies; this makes the require call ambiguous and unsound. Required package: " (via ""/var/folders/1v/r80_zlpj7f507kxk80jycc0c0000gn/T/6025ddaa198df01ef650d59d6f3f5c98.cjs"") Required..
yarn berry eslint 에러프로젝트에 eslint를 설정해 놓고, fix해주는 코드를 package.json에 작성해놨다. 그 후 터미널에서 fix해주는 명령어를 입력했는데 아래 이미지와 같은 에러가 났다 Oops! Something went wrong! :( ESLint: 8.56.0 Error: synckit tried to access ", but it isn't declared in its dependencies; this makes the require call ambiguous and unsound. Required package: " (via ""/var/folders/1v/r80_zlpj7f507kxk80jycc0c0000gn/T/6025ddaa198df01ef650d59d6f3f5c98.cjs"") Required..
2024.01.07 -
라이브러리는 기본적으로 1.0.0 부터 시작 버전 업데이트 하는 방식에 대한 설명은 공식문서를 확인해 보자 About semantic versioning | npm Docs Documentation for the npm registry, website, and command-line interface docs.npmjs.com 테스트 해볼 수 있는 사이트도 있다. 애매하면 테스트 사이트가서 테스트해보자! npm semantic version calculator Use the caret (aka hat) symbol, ^ Examples ^2.2.1 ^0.1.0 ^0.0.3 Note: caret behavior is different for 0.x versions, for which it will only..
라이브러리 버전관리와 설치라이브러리는 기본적으로 1.0.0 부터 시작 버전 업데이트 하는 방식에 대한 설명은 공식문서를 확인해 보자 About semantic versioning | npm Docs Documentation for the npm registry, website, and command-line interface docs.npmjs.com 테스트 해볼 수 있는 사이트도 있다. 애매하면 테스트 사이트가서 테스트해보자! npm semantic version calculator Use the caret (aka hat) symbol, ^ Examples ^2.2.1 ^0.1.0 ^0.0.3 Note: caret behavior is different for 0.x versions, for which it will only..
2024.01.04 -
npm 명령어 공식문서 CLI Commands | npm Docs Documentation for the npm registry, website, and command-line interface docs.npmjs.com npm 셋팅하기 // package.json 일일히 먼저 설정 npm init // 한번에 package.json 만들기 npm init --yes npm init --yes으로 빠르게 package.json파일을 생성 후, json파일을 직접 수정하는게 더 편한 것 같다. npm script 작성하기 script 부분에 명령어를 작성할 수 있다. 내가 지정한 명령어일 경우 실행할 때는 run 키워드를 꼭 같이 사용해야한다. // start는 원래 있는 명령어라서 run 필요없음 npm..
npm 명령어와 셋팅하기 (+라이선스)npm 명령어 공식문서 CLI Commands | npm Docs Documentation for the npm registry, website, and command-line interface docs.npmjs.com npm 셋팅하기 // package.json 일일히 먼저 설정 npm init // 한번에 package.json 만들기 npm init --yes npm init --yes으로 빠르게 package.json파일을 생성 후, json파일을 직접 수정하는게 더 편한 것 같다. npm script 작성하기 script 부분에 명령어를 작성할 수 있다. 내가 지정한 명령어일 경우 실행할 때는 run 키워드를 꼭 같이 사용해야한다. // start는 원래 있는 명령어라서 run 필요없음 npm..
2024.01.04 -
JSTL 를 쓰고나서 의도치 않은 공백이 들어가서 개발자 도구를 확인해 보니 저렇게 무수히 많은 공백이 들어가 있다??!!! 왜 그런지 찾아보니 JSP 페이지에 지시자와 태그라이브러리를 사용하면 태그가 사용된 곳에 빈줄이 삽입되서 그런거라고 한다. 공백을 제거하기 위해서는 page 지시자의 속성으로 trimDirectiveWhitespaces="true"를 추가해준다. page 지시자는 inlcude 파일 최상단에 작성되어있는경우가 많아 tag include 파일이 따로 존재하면, 한번 확인 해보고 거기에 추가해주면된다.
JSP 태그라이브러리 공백 제거하기JSTL 를 쓰고나서 의도치 않은 공백이 들어가서 개발자 도구를 확인해 보니 저렇게 무수히 많은 공백이 들어가 있다??!!! 왜 그런지 찾아보니 JSP 페이지에 지시자와 태그라이브러리를 사용하면 태그가 사용된 곳에 빈줄이 삽입되서 그런거라고 한다. 공백을 제거하기 위해서는 page 지시자의 속성으로 trimDirectiveWhitespaces="true"를 추가해준다. page 지시자는 inlcude 파일 최상단에 작성되어있는경우가 많아 tag include 파일이 따로 존재하면, 한번 확인 해보고 거기에 추가해주면된다.
2023.12.14 -
💡 관리자 회원정보 페이지에 페이징 처리를 해보자! ⭐️ 완성샷 🔴 페이징 처리하기 - 1 /* paging : 한 페이지 당 데이터 개수 */ $list_num = 5; /* paging : 한 블럭 당 페이지 수 */ $page_num = 3; /* paging : 현재 페이지 */ $page = isset($_GET["page"])? $_GET["page"] : 1; /* paging : 전체 페이지 수 = 전체 데이터 / 페이지당 데이터 개수, ceil : 올림값, floor : 내림값, round : 반올림 */ $total_page = ceil($num / $list_num); // echo "전체 페이지 수 : ".$total_page; /* paging : 전체 블럭 수 = 전체 페이지 수..
[PHP] 페이지네이션 (페이징) 만들기💡 관리자 회원정보 페이지에 페이징 처리를 해보자! ⭐️ 완성샷 🔴 페이징 처리하기 - 1 /* paging : 한 페이지 당 데이터 개수 */ $list_num = 5; /* paging : 한 블럭 당 페이지 수 */ $page_num = 3; /* paging : 현재 페이지 */ $page = isset($_GET["page"])? $_GET["page"] : 1; /* paging : 전체 페이지 수 = 전체 데이터 / 페이지당 데이터 개수, ceil : 올림값, floor : 내림값, round : 반올림 */ $total_page = ceil($num / $list_num); // echo "전체 페이지 수 : ".$total_page; /* paging : 전체 블럭 수 = 전체 페이지 수..
2023.12.13 -
💡 관리자 페이지에서 회원정보를 리스트로 확인하자! 페이징 부분은 나중에 확인하자!! 젤 마지막에 ⭐️ 완성샷 🔴 list.php 🟤 DB 가져오기 admin_sesion과 dbcon 둘 다 include 해야한다. 🟤 쿼리 작성 전체 데이터테이블에 있는 정보를 가져와야한다. * 관리자 페이지 * ""님, 안녕하세요. 홈으로 게시판 관리 회원 관리 로그아웃 총 명 번호 이름 아이디 생년월일 주소 이메일 전화번호 가입일 수정 삭제
[PHP] 관리자 페이지 만들기 - 2💡 관리자 페이지에서 회원정보를 리스트로 확인하자! 페이징 부분은 나중에 확인하자!! 젤 마지막에 ⭐️ 완성샷 🔴 list.php 🟤 DB 가져오기 admin_sesion과 dbcon 둘 다 include 해야한다. 🟤 쿼리 작성 전체 데이터테이블에 있는 정보를 가져와야한다. * 관리자 페이지 * ""님, 안녕하세요. 홈으로 게시판 관리 회원 관리 로그아웃 총 명 번호 이름 아이디 생년월일 주소 이메일 전화번호 가입일 수정 삭제
2023.12.13 -
💡 관리자 페이지를 만들어보자 ⭐️ 완성샷 📌 관리자 아이디는 admin이다! 🔴 index.php ""님, 안녕하세요. 관리자 로그아웃 정보수정 index.php 페이지에 관리자로 로그인 했을 때 관리자 링크가 보이게 끔 해놨다. 🟠 admin/inc/admin_session.php 관리자 페이지는 무조건 관리자만 접근 가능 해야한다. 주소창에 입력해서 들어오는 방식도 막아야한다. 그렇게 하기 위해서 admin_session.php를 만들어 외부 접속자를 걸러낸다. 🟡 admin/admin.php * 관리자 페이지 * ""님, 안녕하세요. 홈으로 게시판 관리 회원 관리 로그아웃 inc/admin_session.php를 맨 위에 include 해준다. 관리자는 게시판 관리, 회원 관리를 할 수 있다.
[PHP] 관리자 페이지 만들기 - 1💡 관리자 페이지를 만들어보자 ⭐️ 완성샷 📌 관리자 아이디는 admin이다! 🔴 index.php ""님, 안녕하세요. 관리자 로그아웃 정보수정 index.php 페이지에 관리자로 로그인 했을 때 관리자 링크가 보이게 끔 해놨다. 🟠 admin/inc/admin_session.php 관리자 페이지는 무조건 관리자만 접근 가능 해야한다. 주소창에 입력해서 들어오는 방식도 막아야한다. 그렇게 하기 위해서 admin_session.php를 만들어 외부 접속자를 걸러낸다. 🟡 admin/admin.php * 관리자 페이지 * ""님, 안녕하세요. 홈으로 게시판 관리 회원 관리 로그아웃 inc/admin_session.php를 맨 위에 include 해준다. 관리자는 게시판 관리, 회원 관리를 할 수 있다.
2023.12.13 -
💡 회원 탈퇴 페이지를 만들어보자 ⭐️ 완성샷 🔴 회원 탈퇴하기 🟤 세션 시작 🟤 쿼리 작성 회원의 index를 비교해서 idx넘버가 같으면 삭제한다. 🟤 세션 삭제 데이터베이스에서 데이터를 삭제했으면 unset()함수를 이용해서 세션을 삭제후 DB연결을 종료해준다. 🟤 리디렉션 인덱스 페이지로 간다.
[PHP] 회원탈퇴 페이지 만들기💡 회원 탈퇴 페이지를 만들어보자 ⭐️ 완성샷 🔴 회원 탈퇴하기 🟤 세션 시작 🟤 쿼리 작성 회원의 index를 비교해서 idx넘버가 같으면 삭제한다. 🟤 세션 삭제 데이터베이스에서 데이터를 삭제했으면 unset()함수를 이용해서 세션을 삭제후 DB연결을 종료해준다. 🟤 리디렉션 인덱스 페이지로 간다.
2023.12.13 -
💡 정보 수정 페이지를 만들어보자 ⭐️ 완성샷 🔴 세션 변수 불러오고, DB연결해서 결과 가져오기 $array = mysqli_fetch_array($result); 필드명으로 결과를 가져올 수 있다. 🟠 CSS body,select,option,button{font-size:16px} input{border:1px solid #999;font-size:14px;padding:5px 10px} input,button,select,option{vertical-align:middle} form{width:700px;margin:auto} input[type=checkbox]{width:20px;height:20px} span{font-size:14px;color:#f00} legend{font-size:20..
[PHP] 정보 수정 페이지 만들기💡 정보 수정 페이지를 만들어보자 ⭐️ 완성샷 🔴 세션 변수 불러오고, DB연결해서 결과 가져오기 $array = mysqli_fetch_array($result); 필드명으로 결과를 가져올 수 있다. 🟠 CSS body,select,option,button{font-size:16px} input{border:1px solid #999;font-size:14px;padding:5px 10px} input,button,select,option{vertical-align:middle} form{width:700px;margin:auto} input[type=checkbox]{width:20px;height:20px} span{font-size:14px;color:#f00} legend{font-size:20..
2023.12.11 -
로그인 페이지 만들기 - 1 (login, login_ok) 💡 로그인, 로그아웃 동적 페이지를 만들어 보자! ⭐️ 완성샷 로그인 전 index.php login/login.php -> login_ok.php 로그인 후 index.php 🔴 login.php 로그인 로그인 아이디 비밀번호 이전으로 로그인 그 전 회 dpdnjs402.tistory.com 위 글에서 이어지는 내용이다. 🟡 index.php isset() 함수를 이용해 세션 아이디와 이름이 있으면 값을 가져오고, 없으면 값을 가져오지 않는다는 문장을 만든다. 로그인 회원가입 ""님, 안녕하세요. 관리자 로그아웃 정보수정 세션 아이디가 없으면 -> 로그인, 회원가입 링크만 보이게 해주고 세션 아이디가 있으면 이름, 로그아웃, 정보수정이 보인다..
[PHP] 로그인 페이지 만들기 - 2 (index, logout)로그인 페이지 만들기 - 1 (login, login_ok) 💡 로그인, 로그아웃 동적 페이지를 만들어 보자! ⭐️ 완성샷 로그인 전 index.php login/login.php -> login_ok.php 로그인 후 index.php 🔴 login.php 로그인 로그인 아이디 비밀번호 이전으로 로그인 그 전 회 dpdnjs402.tistory.com 위 글에서 이어지는 내용이다. 🟡 index.php isset() 함수를 이용해 세션 아이디와 이름이 있으면 값을 가져오고, 없으면 값을 가져오지 않는다는 문장을 만든다. 로그인 회원가입 ""님, 안녕하세요. 관리자 로그아웃 정보수정 세션 아이디가 없으면 -> 로그인, 회원가입 링크만 보이게 해주고 세션 아이디가 있으면 이름, 로그아웃, 정보수정이 보인다..
2023.12.11 -
💡 로그인, 로그아웃 동적 페이지를 만들어 보자! ⭐️ 완성샷 🖼️ 로그인 전 index.php 🖼️ login/login.php -> login_ok.php 🖼️ 로그인 후 index.php 🔴 login.php 로그인 로그인 아이디 비밀번호 이전으로 로그인 그 전 회원가입 폼과 유효성검사에서 부분적으로 가져 오면된다.(아이디, 비밀번호) form태그 action속성에 login_ok.php로 이동하라고 알려준다. button을 2개 만들어 줬다. 이전으로 버튼에는 뒤로가기 버튼을 만들어 준다. => history.back() 🟠 login_ok.php (로그인 처리 페이지) login_ok.php에서 로그인 폼에서 받은 값들을 처리한다.
[PHP] 로그인 페이지 만들기 - 1 (login, login_ok)💡 로그인, 로그아웃 동적 페이지를 만들어 보자! ⭐️ 완성샷 🖼️ 로그인 전 index.php 🖼️ login/login.php -> login_ok.php 🖼️ 로그인 후 index.php 🔴 login.php 로그인 로그인 아이디 비밀번호 이전으로 로그인 그 전 회원가입 폼과 유효성검사에서 부분적으로 가져 오면된다.(아이디, 비밀번호) form태그 action속성에 login_ok.php로 이동하라고 알려준다. button을 2개 만들어 줬다. 이전으로 버튼에는 뒤로가기 버튼을 만들어 준다. => history.back() 🟠 login_ok.php (로그인 처리 페이지) login_ok.php에서 로그인 폼에서 받은 값들을 처리한다.
2023.12.10 -
회사 프로젝트 셋팅하는 중에 롬복 에러가 났는데... 솔직히 뭐가 문제인지는 확실히 이해를 잘 못하겠다... 롬복이 뭔지도 아직 감이 안옴 ㅠㅠ 이런 내용이 계속 반복되서 콘솔에 찍혔다. 일단 project facets에서 1.8로 JAVA 값을 변경해줬다. Build Path에선 Libraries탭에서 JRE System Library 1.8로 다시 넣어주고 (Add Library) Add External JARs 클릭해서 lombok.jar를 추가해줬다. 그러니까 해결 완료!!
lombock getter, setter 빨간줄회사 프로젝트 셋팅하는 중에 롬복 에러가 났는데... 솔직히 뭐가 문제인지는 확실히 이해를 잘 못하겠다... 롬복이 뭔지도 아직 감이 안옴 ㅠㅠ 이런 내용이 계속 반복되서 콘솔에 찍혔다. 일단 project facets에서 1.8로 JAVA 값을 변경해줬다. Build Path에선 Libraries탭에서 JRE System Library 1.8로 다시 넣어주고 (Add Library) Add External JARs 클릭해서 lombok.jar를 추가해줬다. 그러니까 해결 완료!!
2023.02.17