Daily coding

RMS : 2. JSX & Props 1. JSX Component : React에서 HTML을 반환하는 함수 Component의 첫 글자는 반드시 대문자 JSX는 React에서 Javascript와 HTML 사이의 조합. React에서 커스텀 한 개념 React에 특화된 개념으로 return 값으로 html 엘리먼트를 가지고 있다. React application은 한번에 하나의 컴포넌트만 랜더링 할 수 있다. 1) JSX 사용하기 다음과 같은 Potato.js 파일이 있다. // potato.js import React from "react"; function Potato(){ return ( I love Potato ); } export default Potato; 위의 코드는 JSX 문법으로 작성..

1. create-react-app 하나의 명령을 실행해서 React Web App을 빠르게 셋업해주는 기능 webpack, babel 등 다양한 라이브러리를 직접 다운로드하고 패키지를 세팅하지 않고도 자동으로 초기 세팅을 만들어 줌 사용방법 터미널에서 리액트 패키지를 생성하려는 폴더로 이동함 npx 명령어로 프로젝트 패키지 생성 : npx create-react-app folderName package.json, .gitignore, README.md 등 파일이 생김 npm commands : npm start : 리액트 프로젝트 개발 server 동작 및 시작 npm build : 설치한 번들을 정적 파일로 빌드 npm test : test runner 시작 npm eject : create-reac..

***** Workbench 는 MySql 을 좀 더 효율적으로 사용하기 위한 프로그램이다~

***** 맨 처음 웹 프로그래밍을 시작했을 때부터 공부 + 프로젝트 용으로 사용했던 오라클 디비가 이제 익숙해져서 새로운 데이터베이스를 공부하기로 했다 (!) 맥을 사용하는 덕분에 Docker도 공부할 수 있었고.. 슬슬 취업 준비도 해야하기 때문에 비싼 오라클 말고 MySQL을 공부해서 파이널 프로젝트에 적용해보고자 한다 기본 문법은 비슷하다고 하지만 시퀀스 같이 안되는 부분도 있고 세부적인 부분이 다르기 때문에 더 헷갈릴 수도 있을 것 같당 열공해야지 ㅎ ****** 1. 설치는 홈페이지에서 https://dev.mysql.com/downloads/ MySQL :: MySQL Community Downloads The world's most popular open source database dev..

Day 2 : Spring 1. 다이나믹 웹 프로젝트 생성 2. Project 우클릭 -> properties - configure - convert to Maven : 메이븐으로 만들기 3. pom.xml 의 dependencies 채워넣기 - Annotation : 맵퍼 - *.do : 컨트롤러로 무조건 간다는 뜻 ( url pattern 에서 /대신 .do * Spring에 대한 의존성 : 뷰에서 넘어간 파라미터를 String 타입이 아니고 원래 형으로 변환해준다 (int로 넘기면 int, String으로 넘기면 String) * Spring controller 함수의 파라미터를 Dto로 설정하면 알아서 form의 name과 매핑해서 DTO에 데이터를 넣어준다 * Spring으로 Ajax 사용하기 ..

1. 설치 https://spring.io/tools Spring Level up your Java code and explore what Spring can do for you. spring.io Web container 1. web.xml부터 읽어들인다 (초기화 설정부분-> 세팅을 해줘야 인식이 가능하다) 2. MVC 인식 : Maven Repository에서 web MVC 태그를 받아 적용시킨다 3. DispatcherServlet 4. controller 5. Model ( service -> Dao(MyBatis:DB와 연결하는 프레임워크) ) 6. View - Controller -> service -> Dao -> MyBatis -> DB * configure -> convert to Mav..

웹에서 클라이언트의 요청을 수행할 때의 통신방식은 2가지가 있다 1. 동기 통신 (Sychronous) : 2. 비동기 통신 (Asychronous) : 클라이언트에서 서버로 데이터를 요청한 것을 화면에 나타낼 때 페이지를 갱신하지 않고 불러오는 통신 방법이다. 비동기 통신을 사용하려면 몇 가지 방법이 있는데, ajax를 이용하지 않는 방법으로는 XMLHttpRequest를 사용하는 방법이 있다. AJax ( Asychronous Javascript And Xml ) : 클라이언트의 요청을 xml 또는 json, html 등의 형태로 전달하고, 요청한 데이터를 가져오는 비동기 방식 xml보다는 json형식을 많이 사용한다.

EL / Core / JSTL : jsp 파일에서 java형식의 코드를 대용할 수 있는 태그 jsp 기본 문법을 보완한다 --------- EL tag : front end에서 자바 코드를 사용하지 않기 위해 사용하는 스크립트 언어 Core tag : 제어문을 담당함 (사용을 위해서는 링크 걸어야 하며 jar파일필요) --------- JSTL : Java server page Standard Tag Library - 표준 액션태그로 처리하기 힘든 부분을 담당 > EL 문법 $ { scope.expr} - 기본적으로 지정한 scope 내에 반드시 setAttribute를 설정하여 사용할 수 있다. - getAttribute 함수를 사용하지 않고도 데이터를 꺼내 사용할 수 있다. - scope : page..

내장객체 : 동적 할당하지 않고 바로 사용할수 있는 Object - request : 가장 많이 사용, getParameter, setAttribute, getAttribute 등 접근 가능 - response : sendRedirect, - out - session .. 등 1. response : getParameter - 무조건 String값만 받음 0) { for(int i=0; i * 넘어올 때의 방식 ? 1) html : input, a href, form(action) 2) javascript : location.href 3) JQuery : submit() 2. response 1) sendRedirect : 페이지 이동시 사용(단순이동) - sendRedirect -> HttpServle..