JiYoung Dev 🖥

Express에서 많이 사용하는 것 중간에 위치하게 되는 함수들 어느 루트로 가는게 효율적인지 라우터가 확인 > 네트워크에서 말하는 라우터 클라이언트의 요청경로(url)을 보고 어디에서 처리하면 되는지 전달해주는 역할 > express에서의 라우터 http 모듈에서는 조건절을 사용했음 app 인스턴스 : 요청받고, 응답하는 모든 작업을 app 인스턴스를 통해서 진행함 인스턴스란 ? - 생성된 서로 다른 객체 정리 http 모듈 : 요청 메서드를 조건문으로 작성해줘야 함 >> 불편 >> express 프레임워크를 사용 프레임워크의 특징 : 초기에는 공부하는데 시간이 걸림 / 사용방법을 익히면 사용하기가 편하다. Express 사용방법 익히기 1. 설치 : terminal - npm install expre..

Declared Attributes button color 속성 : background tint inset : padding과 유사한 개념 (안쪽 여백을 주는 속성) layout color 속성 : background layout_weight : component 배치 가중치 설정 - view들이 가지는 가중치에 따라서 동적으로 크기가 변하게 만들어주는 속성 - width/heigh가 동적으로 변할 수 있도록 외부의 영향을 받으면 안된다. ----> match_parent를 사용할 수 없음 - 가중치를 주고 싶으면 width/height가 동적으로 변할 수 있도록 wrap_content 또는 0dp 값을 줘야 함 어플리케이션에서 하나의 화면을 만들고 싶을 때 > activity 생성 editText : ..

🎈 도메인 사전적 의미 : 정보와 활동의 영역 소프트웨어로 해결하고자 하는 문제 영역 개발하고자 하는 소프트웨어의 요구사항, 문제 영역 ex. 쇼핑몰 페이지를 만든다고 했을 때 게시글, 댓글, 결제, 정산, 회원 등을 도메인이라고 할 수 있음 하나의 도메인은 다시 하위 도메인으로 나눌 수 있음 혼동하기 쉬운 개념들 데이터베이스에서는 개념 모델링과 유사한 개념 - 요구사항을 분석해서 주제 영역을 도출하고 핵심 엔터티를 추출하고 그들 간의 관계를 정의하여 데이터의 골격을 생성하는 것 데이터베이스에서 말하는 도메인 - 속성의 값, 타입, 제약사항 등에 대한 값의 범위 MVC패턴에서 말하는 도메인 - 모델이라고도 하며 프로그램이 작업하는 세계관의 요소들을 개념적으로 정의한 것 MVC 패턴에서의 "도메인"은 주로..

branch 하나의 코드 관리 흐름 맨 처음한 커밋 : root commit 깃은 root commit을 시작으로 가지가 뻗어나가는 모양이 됨 ex. 하나의 프로젝트 내에서 유로 branch, 무료 branch 나눌 수 있음 현재는 마스터(메인) 브랜치 위에 있음을 의미함 ** 마스터(메인) 브랜치 : 레포지토리를 만들고 커밋을 하면 자동으로 생기는 브랜치, 기본 브랜치 1. 브랜치 만들기 : git branch [브랜치 이름] 2. 브랜치로 이동 : git checkout [이동하고자 하는 브랜치 이름] 3. git add > git commit 브랜치로 커밋한 수정한 파일 확인 결과 main(master) branch의 같은 파일 확인 결과 branch의 파일만 변경되고 main의 파일은 변경되지 않..

🎈 Git vs GitHub 📖 Git Git은 쉽게 말해 버전관리 소프트웨어 프로젝트를 진행하다가 수정한 코드가 작동하지 않을 때 이전 코드로 롤백하기 위해 사용할 수 있음 Git은 내 컴퓨터의 로컬 저장소에 모든 변경사항을 기록하여 파일의 버전을 관리 📖 GitHub Git Hub는 Git을사용하는 프로젝트를 지원하는 웹 호스팅 서비스 Git은 로컬 저장소를 사용하기 때문에 협업을 하기 어려운데 Git Hub를 통해 버전별 코드를 클라우드 서버를 통해 웹 상에 업로드하여 다른 사람과 공유할 수 있음 🎈 Git 사용하기 Git 사용전에 Git 설치 필요 1. Git 레포지토리 만들기 레포리토지로 만들고자 하는 폴더 생성 > 생성한 폴더에서 마우스 우클릭 > git bash here > git init ..

태그 enctype 속성 태그의 enctype 속성은 폼 데이터가 서버로 제출될 때 해당 데이터가 인코딩 되는 방법을 명시함 이 속성은 요소의 method 속성 값이 post일 경우에만 사용할 수 있음 속성값 설명 application/x-www-form-urlencoded 기본값으로, 모든 문자들은 서버로 보내기 전에 인코딩됨을 명시함 multipart/form-data 모든 문자를 인코딩하지 않음을 명시함 이 방식은 요소가 파일이나 이미지를 서버로 전송할 때 주로 사용 text/plain 공백 문자(space)는 "+" 기호로 변환하지만, 나머지 문자는 모두 인코딩 되지 않음을 명시함 백엔드에서 file 가져오기 (Spring Boot) Multipart로 나눠서 보낸 이미지 데이터의 경우, @Req..

Spring Boot와 연동하여 shop 만들기 [Spring Boot] Spring Boot 사용하기 (2023.06.07) Spring Boot 개발 환경 준비 🎈 프로그램 설치 (Spring & MySQL) spring tool suite 4 Spring | Tools spring.io C드라이브 바로 아래에 설치 (필수는 아님!) jar파일도 압축파일이라 압축풀기하면 됨 그런데 안되는 경 danyoujeong.tistory.com CORS 오류 (Cross Origin Resource Sysytem) 교차 출처 리소스 공유 proxy 서버(미들웨어)로 해결을 하자 setupProxy.js 검색 프록시 서버란 클라이언트와 서버 사이에서 데이터 요청과 응답을 대신 받아주는 역할을 해줌 보안상의 문제로..

react 템플릿 사용하는 법 git Clone 후 node 설치까지 해줘야함! Boot Strap 은 react BootStrap 사용 https://react-bootstrap.netlify.app/ React Bootstrap | React Bootstrap The most popular front-end framework, rebuilt for React react-bootstrap.netlify.app react UI 툴 https://mui.com/store/ React themes & templates - MUI Store A collection of the best React templates, React dashboard, and React themes. It includes templa..

🔎객체지향프로그래밍 (OOP, Object-Oriented Programming) 객체란? 세상에 존재하는 모든 것 (유무형) 사람/동물/사물/장소/예약/주문/배송/느낌/감정 등 지극히 개념적인 정의 (1) 고유한 속성 (2) 타인도 알 수 있는 것 (3) 사전에 등록된 단어 A : "우리 오늘 점심 때 라면 먹을래?" B : "응, 그래 좋아~" 라면 ---> 객체(O) 오뚜기진라면 ----> 객체가 구현된 실체 (인스턴스) 객체의 고유한 속성을 어떻게 표현하지? - Primitive Type (초기타입) 정수형 * byte ... 8bit (1byte) : 2^8=256가지 (-128 ~ -1, 0~127) * short ... 16bit (2byte) * int ...32bit (4byte) * l..

Spring Boot 개발 환경 준비 🎈 프로그램 설치 (Spring & MySQL) spring tool suite 4 Spring | Tools spring.io C드라이브 바로 아래에 설치 (필수는 아님!) jar파일도 압축파일이라 압축풀기하면 됨 그런데 안되는 경우가 있어서 cmd활용 cmd 창 연 후 cd / >> c드라이브로 이동 java -jar spring-tool-suite-4-4.18.1.RELEASE-e4.27.0-win32.win32.x86_64.self-extracting.jar 입력 sts-4.16.1.RELEASE 뜨면 정상 압축 풀기 완료 워크스페이스 만들기 경로에 한글이 있으면 실행시 문제 발생되므로 꼭 확인! workspace 선택 후 Launch My SQL MySQL ..