목록전체 글 (303)
처음부터 차근차근

이벤트 전파를 막는 함수이다. 예를들어 코드의 구조가 이런식으로 되어 있다고 가정해보자. div 2개와 span에 onclick 이벤트가 걸려있으면 span을 클릭했을 때 두개의 div의 클릭 이벤트도 같이 실행된다. 당연히 span은 div들의 자손 노드이기 때문이다. 이런 상황에서 span을 눌러도 div의 이벤트가 실행되지 않게 하는 함수가 있다. 바로 이 함수이다. $('span').onclick = function(e) { // 상위 이벤트(div 두개) 동작하지 않게 하기 e.stopImmediatePropagation(); } 이 함수를 사용하면 상위 노드의 이벤트가 실행되지 않는다! 이벤트 중복 처리 때문에 오류났었는데 한참을 못찾았었다... 결국 오류 발견하고 구글에다 검색해서 찾은 해결..
$("선택자").click(function(){ //코드 }); jquery click 이벤트는 정적 페이지에서는 잘 작동이 되지만 동적 페이지 (예를들어 js 구문으로 추가한 코드라던지...)에서는 작동이 되지 않는다. 그럴 땐 아래의 on 이벤트를 사용하면 된다. $(document).on("click", "선택자", function(){ // 코드 }); 이걸 사용하면 동적 페이지에서도 click이벤트가 잘 실행 된다. 참고 : https://vlog.tion.co.kr/%ED%95%B4%EA%B2%B0-jquery-click-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EC%95%88%EB%90%A8-%EB%8F%99%EC%A0%81-%ED%8E%98%EC%9D%B4%EC%A7%80-%EC..
fontawesome 5.15.4 free icon을 사용하여 만든 동적 별점 기능이다. html 코드 0 {{-- 나중에 데이터베이스에 저장할 값 --}} js 코드 function change_star(me) { let empty_star = 'far fa-star fa-lg'; let half_star = 'fas fa-star-half-alt fa-lg'; let full_star = 'fas fa-star fa-lg'; let empty_star = 'far fa-star fa-lg'; let half_star = 'fas fa-star-half-alt fa-lg'; let full_star = 'fas fa-star fa-lg'; if (me.value == 0) { $('#star1').at..
ERROR 1273 (HY000) at line 49: Unknown collation: 'utf8mb4_0900_ai_ci' phpmyadmin에서 sql 파일을 '가져오기' 하려고 했더니 했더니 저 오류가 뜨면서 되지 않았다. 오류의 원인 phpmyadmin 버전 차이로 인하여 데이터베이스 엔진이 데이터 인코딩 유형을 렌더링할 수 없을 때 이 오류가 생긴다. 해결방법 sql 파일의 utf8mb4_0900_ai_ci 이 부분을 찾아 utf8mb4_general_ci 이걸로 수정한다. 그 다음 가져오기를 다시하면 잘될 것이다. 해결방법 출처 : https://www.freakyjolly.com/resolved-when-i-faced-1273-unknown-collation-utf8mb4_0900_ai_c..
어드민 페이지 1. dashboard - 할일 checklist, 카드(총 거래량, 총 거래액, 총 수익, 총 회원 수), 날씨(api 사용) 등 2. 테이블 - 수정, 추가, 삭제 기능 3. 로그인, 로그아웃 구현 4. 통계(월별 거래량, 월별 수익 그래프 등) + 중고거래사이트의 수익 경로 : 지역광고, 결제 수수료 이걸 계산해서 총 거래액에 포함시키면 될 것 같음 중고거래사이트 페이지 1. 메인 화면 - 광고, 상품 리스트, 메뉴 클릭하면 메뉴 나오게 2. 상품 디테일 - 상품 이미지, 정보, 상품 문의 부분 3. 회원 부분 - 내상점 : 상점 관련 정보, 탭(상품, 상점문의, 찜, 상점 후기, 팔로잉, 팔로워) - 계정 설정 : 자신 계정 4. 판매하기 - 상품 등록하는 form 5. 로그인, 로..