[React] --isolatedModules ERROR
2023. 2. 16. 15:49
Front/React
--isolatedModules ERROR The cause is an empty page on your .tsx file. Resolving this error You have to fill with 'export {}' To be continued..
[React] React File Type List
2023. 2. 16. 15:29
Front/React
show me a list type of react files for example jsx, tsx and so on.. Method Here's a list of file types you might commonly encounter when working with React: .js: This is a regular JavaScript file that can be used with React. You can write your React components in this file using the regular JavaScript syntax. However, you won't be able to use JSX syntax in this file. .jsx: This is a JavaScript f..
[React] 리액트 input 박스 안에 데이터 넣는 방법
2022. 11. 14. 11:39
Front/React
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..
[React] 리엑트 상세보기에 데이터 불러오기
2022. 11. 14. 10:31
Front/React
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..
[React] SpringBoot + React 데이터 불러오는 방법
2022. 11. 13. 23:41
Front/React
리액트는 로직 구조를 이해 하는게 중요하기 때문에, 절대적으로 블로그에 포스트를 해야됨을 느낀다... 아 그리고,,, 내가하는건는 좀 일방적으로 구글이나 유튜브에서 가르쳐주시는 분들이랑은 좀 많이 다른 내용이니까.... 양해 바란다... Now Let's do it blogging ! 리액트 파일구조 이렇게 해서 총 ListContent, ListFilter, Index, List, Product 5개의 jsx. 파일을 이용하고있는데, 굳이? 이걸 이렇게까지 나눌 필요는 없다. 그냥 팀회의때 파일구조를 이런식으로 잡자는 이야기가 나왔고, 리액트의 재사용성을 최대화하기 위해서 만든 구조니까 굳이 이런 구조를 똑같이 잡을 필요는 없다. 데이터를 뽑아오는 순서 index.jsx index.jsx 에서 Rout..
[React] 리엑트 useRef 사용 방법
2022. 11. 11. 17:37
Front/React
리액트는 정말 많은 라이브러리가 있다. 그 중 useRef를 사용해보자.. 리엑트인가 리액트인가? useRef 우선 시작하기 전에 useRef를 import 해주는건 잊지말자 다음 같이 변수 선언 해주고 초기 값을 잡아준다. Null 을 넣어주어라. (국룰) 다음과 같이 ref={변수 명} 을 넣어주면 그 해당 element를 인식한다. 그러면 다음과 같이 데이터를 넣게 되면 title.current.value 값은 = 김제동 content.current.value 값은 = 김제동 이런식으로 들어가게된다. 이제 저렇게 title 변수에 들어가게된 데이터를 본인이 담고 싶은 변수에 담아주면 된다. 나같은 경우는 TITLE, CONTENT 대문자로 담아주었고 그걸 data 에 데이터를 담아서 사용 하였다. ..