SwDevLib
-
dotnet NET 7.0 SDK (v7.0.102)SwDevLib 2023. 1. 15. 10:52
https://dotnet.microsoft.com/ko-kr/download/dotnet/7.0 NET 7.0 SDK (v7.0.102) 이 릴리스는 Visual Studio 2022 (v17.4)과만 호환됩니다. Visual Studio 지원 Visual Studio 2022 (v17.4) Visual Studio 2022 for Mac (v17.4) 다음에 포함됨 Visual Studio 17.4.4 포함된 런타임 .NET 런타임 7.0.2 ASP.NET 코어 런타임 7.0.2 .NET 데스크톱 런타임 7.0.2 언어 지원 C# 11.0 F# 7.0 Visual Basic 16.9
-
dotnet NET 6.0 SdkSwDevLib 2023. 1. 15. 10:51
https://dotnet.microsoft.com/ko-kr/download/dotnet/6.0 NET 6.0 v6.0.13 SDK 6.0.405 Visual Studio 지원 Visual Studio 2022 (v17.2) Visual Studio 2022 for Mac (v17.4) 다음에 포함됨 Visual Studio 17.2.11 포함된 런타임 .NET 런타임 6.0.13 ASP.NET 코어 런타임 6.0.13 .NET 데스크톱 런타임 6.0.13 언어 지원 C# 10.0 F# 6.0 Visual Basic 16.9
-
React TutorialA03 Css적용SwDevLib 2022. 9. 7. 00:07
React CSS style 적용 이전내용 2022.09.06 - React TutorialA02 Css파일 적용 Test1.css파일 만들어 아래 내용 입력 .StyleTest1 { width: 100px; height: 50px; background-color: green; } Test1.js에 불러와서 적용 import "./Test1.css"; ... function Test1() { ... return ( ... KKKK ... ); } 문제점 StyleTest1을 다른 css파일에서 사용하면 Test1에서 사용하는 것과 충돌이 일어난다. Test1에서 어느 하나의 StyleTest1값이 적용된다. ModuleCss 컴포넌트간 독립된 style을 만들어 충돌을 피할 수 있다. "Test1.mod..
-
React TutorialA02 컴포넌트 사용SwDevLib 2022. 9. 6. 23:33
React 컴포넌트 만들고 사용 이전내용 2022.09.06 - React TutorialA01 컴포넌트 화면 구성요소들을 컴포넌트(출력 로직이 포함된) 단위로 만들어서 조립하고 재사용할 수 있다. 컴포넌트에 출력로직이 있기에 단순하게 반복적으로 재사용하더라도 반복적으로 출력된다. 프로젝트를 만들고나면 기본적으로 App.js에 App컴포넌트가 있다. 아래는 별도의 Test1컴포넌트(함수형태의 출력 로직)를 만들어보는 예제다. 컴포넌트 만들기 기존에 있는 App.js와 유사하게 새로운 Test1.js를 만들 수 있다. Test1.js코드 내용 function Test1() { const val1 = "Page1"; const val2 = { v1: "v111", v2: "v222" }; return ( T..
-
React TutorialA01 프로젝트 생성과 단순 출력SwDevLib 2022. 9. 6. 23:02
준비 NodeJs 2022.11.18 - NodeJs 설치 Vsc 2020.07.03 - Vsc, VSCode(Visual Studio Code) 설치 Npx Nodejs를 설치하고나면 npm명령어를 사용할 수 있다. npx는 npm에 올라가있는 package를 바로 실행해서 설치시켜주는 도구다. 프로젝트 생성 cmd를 실행해 프로젝트를 만들 위치에 이동해서 아래 프로젝트 생성 명령어를 입력하면 자동으로 구성한다. C:\Test>npx create-react-app testprj1 실행된 예제 화면 C:\Temp>npx create-react-app testprj1 Need to install the following packages: create-react-app@5.0.1 Ok to proceed? ..
-
ReduxSwDevLib 2022. 9. 6. 13:36
Redux 리덕스 State 관리소 역할 React에서 컴포넌트들 간에 값을 주고받기 위해서는 부모를 통해서 이루어진다(권장구조며, 직접적으로 가능하지만 복잡해져서 권하지 않는다). 만약, 규모가 커져서 컴포넌트 계층이 많아질 경우 값을 주고받기 위해서는 부모에 부모를 통해서 절달하는 여러 단계를 거처야한다. Redux는 이런 문제를 도와준다. 유사 비유로 C언어에서 Global Singleton구조처럼 계층과 무관하게 접근하여 값을 주고 받는 역할을 한다. 값을 주고받기위해 계층 단계별 이동할 필요 없이 Redux를 통해서 값을 주고받으면 된다. 별도의 값을 주고받는 독립 관리소의 역할로 계층의 복잡도와 별개다. Redux를 컴포넌트가 구독할 수 있다. Redux 상태 변화에 대해 컴포넌트가 구독하고 ..
-
JSXSwDevLib 2022. 9. 5. 17:11
JSX(JavaScript eXtension): 자바스크립트 확장 JSX는 JavaScript 안에서 HTML 문법을 사용해서 view를 구성할 수 있게 도와주는 JavaScript문법이다. React에서 HTML을 표현할 때, JSX를 사용한다. 외관상 HTML같은 마크업 언어를 리터럴로 입력하는 것으로 보이는데, 빌드 시 Babel에 의해 JavaScript로 변환된다. HTML과 매우 흡사하긴 하지만, XML을 기반으로 한데다 Javascript 내부에서 사용하다보니 불가피하게 생긴 차이점이 몇가지 있다. - className: HTML요소에 class값을 정의할 때, 원래 HTML에서는 과 같이 하면 되었지만, class라는 단어가 ECMAScript6의 클래스 문법과 겹치는 예약어이기 때문에 대..