본문 바로가기

분류 전체보기

 (239)
10/10(월)_ 거래페이지 UI설계 프로젝트의 첫 단추이자 오늘의 과제_ UI 설계에 대해 좋은 방법에 대해 고민했다. 이거다 싶은 답이 바로 떠오르지 않았던 것은 교육과정에서 공교롭게도 Front-end관련 기술에 대해 학습한 것은 전무하다시피했기 때문이기도 하거니와 많은 인원들이 Back-end기능과 기술에 흥미를 느끼는 눈치이기도 했기 때문이다 때문인지, 어제의 프로젝트의 방향성에 대해 토론할때에도, 이런 UI에 대해서는 현장 적용이 가능하지만 간결한 Front-End 기술 적용 간결함에 대해 공감하며 최소한으로 하자는 의견으로 모아지기도 했다. 그러다 아침 운동을 하며 보기된 영상 https://youtu.be/MLjFjtVJqVc UX(User eXperience) : 사용자의 경험은 사용자의 기분이 좋고 나쁨의 이상으로 이 프로..
10/9(일) _ 기획 보호되어 있는 글입니다.
JPA를 활용한 CRUD 0. 프로젝트 생성과 작업환경 설정 pom.xml pom.xml은 Maven의 빌드 정보를 담고 있는 파일로, POM(Project Object Model)을 설정하는 부분으로 프로젝트 내 빌드 옵션을 설정하는 부분 4.0.0 org.springframework.boot spring-boot-starter-parent 2.7.4 com.example JpaCrud 0.0.1-SNAPSHOT war JpaCrud Demo project for Spring Boot 11 org.springframework.boot spring-boot-starter-web org.springframework.boot spring-boot-starter-tomcat provided org.springframework.boot..
9월 27일 (화) 강의노트 1교시 10-11/ 주제 : Spring Controller데이터 전송방식 _ HttpServletRequest, Model model, Model model, ${} : JSP EL 식 코드 파일:/ HttpServletRequest 1. Http프로토콜의 request 정보를 서블릿에게 전달하기 위한 목적으로 사용 2. Header정보 , Parameter , Cookie, URI, URL 등의 정보를 읽어 들이는 메서드를 가진 클래스 3. Body의 Stream을 읽어들이는 메소드를 가지고 있음 인자 값으로 HttpServletRequest를 지정하고 변수를 정의하여 값을 전달할 수도 있다. @RequestParam과 동일하게 값을 받고 값을 받을 때는 getParameter()를 통해 변수를 지정..
Currying(커링 함수) 0. 개요 커링(Currying)은 함수의 재 사용성을 높이기 위해, 함수 자체를 return 하는 함수다 커링은 함수를 호출하지 않는다 단지 반환할 뿐이다. 매개변수 일부를 적용하여 서로운 함수를 동적으로 생성하면 동적 생성된 함수는 반복적으로 사용되는 매개변수를 내부적으로 저장하여, 매번 인자를 전달하지 않아도 원본 함수가 기대하는 기능을 채워놓을 수 있다. 이로서 코드의 가독성을 높이고 함수의 작동방식을 명확하게 하여 유지보수를 용이하게 한다. 1. 예시 코드 import React, { Component } from 'react'; class R074_ReactCurrying extends Component { plusNumOrString(c, d){ return c + d; } // PlusFu..
Ref 0개요 Ref는 'reference'의 약자로, '참조'라는 뜻이다. element가 참조하는 변수에 접근해 변경하고 element를 제어할 수 있다. javascript나 jquery에서 id나 class와 같은 속성에 element로 접근하여 값을 가져오는 구조와 유사하나, 표현 문법에서 차이를 보인다. https://ko.reactjs.org/docs/refs-and-the-dom.html 1.예시코드 1_a) 리액트 Ref constructor(props){ // createRef()함수로 Ref변수 InputRef를 생성한다. this.InputRef = React.createRef(); } RefFocus = (e) => { // inputRef를 할당해 참조하도록 한다. // ref를 부여한..
9월20일 (화) 강의노트 1교시 10-11/ 주제 : /리액트_함수형 컴포넌트 / hook_ useState() 코드 파일:/ 함수형컴포넌트 // rcc : 클래스형 컴포넌트 기본 소스 작성 단축키 import React, { Component } from 'react'; class App extends Component { render() { return ( ); } } export default App; // rsf : 함수형 컴포넌트의 기본 소스를 작성 단축키 import React from 'react'; function App(props) { return ( ); } export default App; 함수형 컴포넌트 특징 // 1. 함수형의 props는 (this.를 사용할 수 없고) 인수로 받아 줘야한다. // 2...
9월 19일(월) 강의노트 / aws 프로젝트 파일 적용 순서 1교시 10-11/ 주제 : / 코드 파일:/ aws 접속 https://aws.amazon.com/ko/free/?trk=fa2d6ba3-df80-4d24-a453-bf30ad163af9&sc_channel=ps&s_kwcid=AL!4422!3!563761819834!e!!g!!aws&ef_id=Cj0KCQjwmouZBhDSARIsALYcouobbAuBlPIRsg_M403a4U8WVsPpOxZK8ifE99Wy7jd_cbasZCwbumAaAuLCEALw_wcB:G:s&s_kwcid=AL!4422!3!563761819834!e!!g!!aws&all-free-tier.sort-by=item.additionalFields.SortRank&all-free-tier.sort-order=asc&awsf.Free%2..

티스토리툴바