I use it only JSTL I couldn't know how can I push it in input box? So Now I figure out how to insert data in input box lol kk let 's go guys Process The answer is use this DefaultValue={element} when we use it this we can push it default data in input box. This method was recommended when you use React if you use different method you will see this errror {element} this is not good way recommende..

When I click a detail button I'll make detail content and data source. Process when I click that button There should be data corresponding to it we can see this going well like this the detail data should be seleeted like this. Front DetailContent.jsx look at this Detail.jsx As you can see Product.jsx This file mean data store, You know If you got a data in this page, We can't upload a data in d..

리액트는 로직 구조를 이해 하는게 중요하기 때문에, 절대적으로 블로그에 포스트를 해야됨을 느낀다... 아 그리고,,, 내가하는건는 좀 일방적으로 구글이나 유튜브에서 가르쳐주시는 분들이랑은 좀 많이 다른 내용이니까.... 양해 바란다... Now Let's do it blogging ! 리액트 파일구조 이렇게 해서 총 ListContent, ListFilter, Index, List, Product 5개의 jsx. 파일을 이용하고있는데, 굳이? 이걸 이렇게까지 나눌 필요는 없다. 그냥 팀회의때 파일구조를 이런식으로 잡자는 이야기가 나왔고, 리액트의 재사용성을 최대화하기 위해서 만든 구조니까 굳이 이런 구조를 똑같이 잡을 필요는 없다. 데이터를 뽑아오는 순서 index.jsx index.jsx 에서 Rout..

리액트는 정말 많은 라이브러리가 있다. 그 중 useRef를 사용해보자.. 리엑트인가 리액트인가? useRef 우선 시작하기 전에 useRef를 import 해주는건 잊지말자 다음 같이 변수 선언 해주고 초기 값을 잡아준다. Null 을 넣어주어라. (국룰) 다음과 같이 ref={변수 명} 을 넣어주면 그 해당 element를 인식한다. 그러면 다음과 같이 데이터를 넣게 되면 title.current.value 값은 = 김제동 content.current.value 값은 = 김제동 이런식으로 들어가게된다. 이제 저렇게 title 변수에 들어가게된 데이터를 본인이 담고 싶은 변수에 담아주면 된다. 나같은 경우는 TITLE, CONTENT 대문자로 담아주었고 그걸 data 에 데이터를 담아서 사용 하였다. ..

나도 모르게 스프링에 대한 기능을 어쩌다 알게되었다. @RequestParam @RequestParam 은 fetch, HttpRequest로 데이터를 보낼 때 Header에 있는 부분을 읽어온다. 다음과 같이 headers 부분에 있는 영역 데이터를 가져온다. 즉, @RequestParam 을 사용하면 body쪽의 데이터는 가져올 수 없으니 유의하자. @RequestBody @RequestBody는 body 영역에있는 데이터를 가져온다. 그러니까 저기 있는 부분의 데이터를 가져와서 쓰기 위해서는 다음과 같이 @RequestBody를 가져와서 써야지 데이터를 가져올 수 있다. 이것은 페이로드만 봐도 알 수 있다. To be continue..

여기서 사용해야 될 것은 @PathVariable("id") Integer id 이거 한 줄이다. ProductMapper.xml SELECT ID, TITLE, CONTENT, ATTACH_FILE, REGIST_USER_ID, REGIST_DATE FROM PRODUCT where DELETE_YN = 'N' AND ID = #{ID} 다음과 같이 파일이 있다고 해보자 ProductMapper.java package qa.api.download.product; import org.apache.ibatis.annotations.Mapper; import org.springframework.stereotype.Repository; import qa.api.util.ResultMap; import java..