💡프로젝트 소개 온라인 쇼핑몰 + 레시피 커뮤니티 웹 애플리케이션 구축을 목표로 한 RecipeToYou 프로젝트 기획 마켓컬리 클론코딩 (+레시피 커뮤니티) 기존 마켓컬리에 사용자들이 쇼핑몰에서 구매한 식재료를 활용하여 레시피를 올리는 레시피 커뮤니티를 추가했다. 기획 의도 : 코로나 장기화로 인해 온라인 시장 규모가 확대 / 건강한 가정식에 대한 관심도 증가 / 정보통신기술의 발달로 다양한 온라인 커뮤니티 활성화 🔨기술 스택 ⌛️작업 기간 ⭐️2021. 12. 20 ~ 2022. 03. 10 💡작업 목표물 메인(사용자) 페이지 로그인, 회원가입 상품 목록 출력, 마이페이지, 상품 상세 페이지 레시피 커뮤니티 관리자 페이지 회원 관리, 탈퇴 회원 관리 주문, 결제 관리 상품 CRUD 기능 💻Front-..

🤍Body-parser란? node.js의 Post 요청 데이터를 추출할 수 있도록 만들어주는 미들웨어. body-parser를 사용하게 되면 req에 body 프로퍼티를 사용할 수 있다. vscode 터미널에 아래 명렁어를 입력하고 설치해 준다. npm install body-parser --save 🤍회원가입 만들기 1. 지난번에 만들어둔 User 스키마를 가져와서 회원가입에 활용한다. 2. 데이터를 json 형태로 send할 것이고, 회원가입 성공하면 success:true 라고 출력. 3. Postman을 다운받는다. 4. 아래 화면에서 GET이 아닌 POST로 변경한다. 5. raw, json으로 선택하고 회원가입에 필요한 정보를 입력한다. 6. User 스키마에 필수값을 주지 않았기 때문에 모..

🤍Mongoose에서 Schema, Model이란? 오라클, mysql과 달리 MongoDB에는 테이블이 없다고 한다. Schema는 이로 인한 헷갈림을 방지하기 위해 도입되었다. 사용자가 작성한 Schema를 기준으로 데이터를 DB에 넣기 전에 먼저 검사하고 어긋나는 데이터가 있으면 에러를 발생시킨다. 스키마를 설정할 때 인덱스도 걸어둘 수 있고 기본값도 설정할 수 있다. 즉, 스키마=테이블과 어느 정도 비슷한 역할을 한다. Model은 Schema를 감싸주는 역할을 한다. MongoDB는 고정적인 스키마를 갖고 있지 않지만, 이번 3강에서는 데이터베이스 서버가 아니라 우리의 웹서버가 데이터베이스에 들어있는 문서들을 객체화하여 사용할 수 있는 스키마를 설정해 봅니다. 🤍스키마 스키마는 해당 컬렉션의 문..

🤍코드업(CodeUp) 기초100제 1.출력문 1001~1106 자바(JAVA)로 풀기🤍 문제1001. Hello public class Main { public static void main(String[] args) { System.out.println("Hello"); } } 문제1002. Hello World public class Main { public static void main(String[] args) { System.out.println("Hello World"); } } 문제1003. 줄바꿔 출력하기 Hello World public class Main { public static void main(String[] args) { System.out.println("Hello\nWor..

안드로이드 간단한 계산기 앱 구현하기 가상 기기는 Pixel 2 API로 추가해주었다. 더하기, 빼기, 곱하기, 나누기 기능 구현 🔍activity_main.xml 작성 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 Colored by Color Scripter cs 나머지 기능 추가 1 2 3 4 5 6 7 8 cs 🔍MainActivity 작성 1 2 3 4 5 6 7 8 9 10 11 12 13 ..

안드로이드 프로젝트 생성 1. 2개 항목 추가됨. -Layout Name : 기본 화면인 XML 파일 이름으로 지정 -Activity Name : 기본 소스인 Java 파일 이름으로 지정 2.화면 구성을 위한 XML 파일 뷰 컴포넌트(위젯, 클래스) -부모 뷰, 루트 뷰, 컨테이너 뷰 : 다른 뷰를 가질 수 있는 뷰 -자식 뷰 : 다른 뷰를 가질 수 없는 뷰 레이아웃 뷰 -자식 뷰의 배치(위치)를 설정하는 뷰 부모뷰 -자식뷰1 -자식뷰2 -자식뷰3 뷰 속성 -뷰의 설정을 할 때 뷰가 가지고 있는 속성을 통해서 함. -필요한 경우에 해당 속성이 있는지 확인하고 사용함. LinearLayout(리니어 레이아웃) -부모가 될 수 있는 뷰(컨테이너 뷰) -자식의 위치를 설정하는 뷰(가로, 세로 설정 가능) -크..

스크립트 요소(Scripting Element) 1. 스크립트 요소 의미 -JSP 페이지에서 여러 가지 동적인 처리를 제공하는 기능 -기호 안에 자바 코드로 구현함. -기호를 스크립틀릿이라고 부름. 2. 종류 1)선언문(declaration tag) -JSP에서 사용하는 멤버 변수나 멤버 메서드를 선언할 때 사용 -선언문 안의 멤버는 서블릿 변환 시 서블릿 클래스의 멤버로 변환됨. 2)스크립틀릿(Scriptlet Tag) -JSP에서 자바 코드를 작성할 때 사용 ==> EL -주로 초기 웹 페이지에서 동적인 기능을 구현하기 위해 사용됨. 3)표현식(Expression Tag) -JSP에서 변수의 값을 출력할 때 사용 -자바에서 System.Out.Println() 과 같은 의미 1 2 3 4 5 6 7 ..

JSP -- 자바 웹 기술의 최종 진화 서블릿 JSP 자바 코드 안에서 전체 HTML 페이지 생성 HTML 코드 안에서 필요한 부분만 자바 코드를 스크립트 형태로 추가함. 변수 선언 및 초기화가 반드시 선행되어야함 내장 객체 제공하여 즉시 사용 가능함. 컨트롤러(Controller) 처리된 결과 보여주는 뷰(View)만들 때 사용 JSP 구성 요소 1)HTML 태그, CSS, JS 코드 2)JSP 기본 태그 3)JSP 액션 태그 JSP 페이지 구성 요소 1)디렉티브 태그(Directive Tag) 2)스크립트 요소(Scripting Element) : 주석문, 스크립틀릿(Scriptlet), 표현식, 선언식 3)표현 언어(Expression Language, EL) 4)내장 객체(내장 변수) 5)액션 태..