컴퓨터/웹 : JS29 [JQuery] 한방 정리/JQuery 사용법 선택자 요소 선택자: $("element") (예: $("div"), $("p")) 클래스 선택자: $(".class") (예: $(".red"), $(".my-class")) 아이디 선택자: $("#id") (예: $("#my-id")) 속성 선택자: $("[attribute]") (예: $("[name]"), $("[data-value]")) 자식 선택자: $("parent > child") (예: $(".container > .item")) 후속 선택자: $("element + sibling") (예: $("h2 + p")) 형제 선택자: $("element ~ sibling") (예: $("ul ~ p")) 필터 선택자:$(”element:양식필터) (예: $(”input:submit”)) 반환값.. 2023. 5. 29. [JS] 자바스크립트 문자열/String 객체, 문자열 사용법 js String js를 이용하면 각종 객체를 알게 모르게 접하게 된다. 그 중 하나가 바로 문자열을 다루는 String 객체이다. (사실 JS에서는 거의 모든 것이 객체이다!) 사실 const a = “스트링”; 식으로 생성하면, 이는 String 객체를 생성하는 것이 아닌 원시타입 String을 적용하는 것이다. 그러나 js는 원시 타입에 대해서 래퍼객체(wrapper object)라는 것을 생성하여 적용하게 된다. 이때 이 임시 객체는 String 객체의 메소드들을 상속받기에, 원시타입 string 문자열은 String 객체의 메소드들을 사용할 수 있게 된다. 이렇게 생성된 임시 래퍼 객체는 사용자가 요구한 조작을 마치면 소멸하게 된다. 즉 원시타입 값의 메소드, 속성 등에 접근하려고 하면 js엔진.. 2023. 5. 9. [Node.js](개인 프로젝트) 메뉴 목록 다듬기 및 디자인 메뉴 만들기 오늘은 메뉴 목록을 보여주도록 할 것이다. 현재 메뉴는 가격과 이름만 등록 가능하도록 설정이 되어있다. 이것을 확장하여 메뉴는 사진 등록이 가능하도록(필수 X) 설명 추가(필수X) 를 추가하도록 한다. 로그인 관련 설정 우선 카페 목록을 생성하는 페이지는 로그인이 되어야만 접근이 가능하도록 하기 위해 미들웨어 함수를 하나 생성해준다. 미들웨어 함수는 controller 폴더 내에 위치시킨다. module .exports .isLoggedIn = async (req , res , next )=>{ if (!req .isAuthenticated ()){ req .session .returnTo = await req .originalUrl ; return res .redirect ('/user/s.. 2023. 4. 23. [Node.js](개인 프로젝트) 사진-페이지 연동 사진 연동 드디어 학교 졸업과제를 끝냈다. 이로서 다시 본 프로젝트로 복귀하게 되었다. 사실 오늘 정리하는 내용은 졸업과제 시작 전 한 내용이지만 개강과 졸업과제가 겹쳐서 포스팅할 생각을 못하고 있었다. 오늘은 이 내용을 재정리하며 내 프로젝트 진행 상황을 재확인하고, 다시 프로젝트에 돌입하고자 한다. db에 사진 연동 이전 포스팅에서 Cloudinary를 이용해 사진 업로드 기능을 구현 한 바 있다. multer를 사용해 받았고, req.files에 그 값들이 담긴다. 이 담긴 값에는 url도 남기는데, 단순히 이 url들을 db에 삽입해주기만 하면 사진과 연동이 된다. 즉, 아래 코드를 추가하였다. const images = req .files .map (f =>({url :f .path , file.. 2023. 4. 6. 이전 1 2 3 4 5 ··· 8 다음
