[SemanticUI] SemanticUI Usage
2023. 2. 23. 10:17
Front/SemanticUI
Before You started to use this You have to import this one sentence import 'semantic-ui-css/semantic.min.css'; aAnd npm or yarn add yarn add semantic-ui-react yarn add semantic-ui-css Now you can use semanticUI This is a semanticUI site If you wanna How to use this Visite this site Get Started - Semantic UI React Semantic UI React provides React components while Semantic UI provides themes as CS..
[React] Why do we have to use React ?
2023. 2. 22. 15:26
Front/React
웹 리액트가 각광받고, 많은 스타트업에서 사용하고 있을까? 오늘은 그 이유에 대해서 공부해보자한다. Web Browse Dom (웹 브라우저 돔) 실제 웹 프라우저가 웹 페이지를 띄어주는 과정이라고 보면 되겠다. 웹 킷에서 attach method (동기작업) 를 통해서 attachment를 이룬다. 그리고 display . Virtual Dom (가상 돔) 내가 이해 하기로는 이렇다. 가상 돔이 있는데, 일반적으로 우리가 사용하는 자바스크립트에서는 가상 돔을 쓰지 않고 Real Dom 을 계속해서 사용하여 반복 랜더링을 해야 하기 때문에 비용적으로 손해 보는것은 당연하다고 느껴진다. 그래서 React에서 사용하는 Virtual Dom 이 있음으로 오프라인에서 가상의 돔 역할을 해줘 랜더할 비용을 줄여주..
[React] React Link & Routes Usage
2023. 2. 21. 14:18
Front/React
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..
[React] React generating error
2023. 2. 16. 16:49
Front/React
리액트 파일 생성 할 때 알 수 없는 이유의 에러.. 왼쪽은 원래 잘 돌아가는 파일로 만든것이고 오른쪽은 그냥 자체적으로 tsx 파일 만든것인데, tsx 파일이 왜 안되는지 모르겠지만, 이것 때문에 한참 고생했다. To be continued..
[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..