Front/React24 [React] Insert `⏎` prettier/prettier Error 진짜 이거 뭔 애러인지 한참 고생했다. Insert 하라고하는데 공간이 없는데 무엇을 Insert 하라는건지 참, Prettier That's bullshit 이었다. Cause 원인은 44번 줄에서 맞췄다고해서 끝내지 말고 Enter 한번 쳐달라는거다. 다음 그림처럼 Enter을 한번 Click 하면 45 line 이 생겨난다. 그럼 정상 작동이 아주 잘된다. 하... 프리티어 너란 녀석.. 내 가슴을 아프게하는구나.... To be continued.. 2023. 2. 23. [React] Why do we have to use React ? 웹 리액트가 각광받고, 많은 스타트업에서 사용하고 있을까? 오늘은 그 이유에 대해서 공부해보자한다. Web Browse Dom (웹 브라우저 돔) 실제 웹 프라우저가 웹 페이지를 띄어주는 과정이라고 보면 되겠다. 웹 킷에서 attach method (동기작업) 를 통해서 attachment를 이룬다. 그리고 display . Virtual Dom (가상 돔) 내가 이해 하기로는 이렇다. 가상 돔이 있는데, 일반적으로 우리가 사용하는 자바스크립트에서는 가상 돔을 쓰지 않고 Real Dom 을 계속해서 사용하여 반복 랜더링을 해야 하기 때문에 비용적으로 손해 보는것은 당연하다고 느껴진다. 그래서 React에서 사용하는 Virtual Dom 이 있음으로 오프라인에서 가상의 돔 역할을 해줘 랜더할 비용을 줄여주.. 2023. 2. 22. [React] React Link & Routes Usage Why do I use always English? Because I wanna improve my English skill. Let's hit the road kkkk Link How can we use the Link? It is very same as in HTML. How can use this? somethings words As you can see in Developer Mode(F12), this is the same thing. Routers It makes a page when you wanna show it like this. How can we use this? This Code can go to your settings page. To be continued.. 2023. 2. 21. [React] React generating error 리액트 파일 생성 할 때 알 수 없는 이유의 에러.. 왼쪽은 원래 잘 돌아가는 파일로 만든것이고 오른쪽은 그냥 자체적으로 tsx 파일 만든것인데, tsx 파일이 왜 안되는지 모르겠지만, 이것 때문에 한참 고생했다. To be continued.. 2023. 2. 16. [React] --isolatedModules ERROR --isolatedModules ERROR The cause is an empty page on your .tsx file. Resolving this error You have to fill with 'export {}' To be continued.. 2023. 2. 16. [React] React File Type List 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.. 2023. 2. 16. [React] 리액트 input 박스 안에 데이터 넣는 방법 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.. 2022. 11. 14. [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.. 2022. 11. 14. 이전 1 2 3 다음
