Develop Dairy 54

ReactJS simple introduction

리액트 규모는 아래와 같이 찾아 볼 수 있다 ReactJS는 페이스북에서 만들었으며, ReactJS로 페이스북을 다시 만들었다. ReactJS의 버전 업데이트에 투자가 될 것이고, 실제로 거대 기업들이 사용하고있다. 아래는 ReactJS 와 Vanilla JS 코드 비교이다 Product Level에서 쓰이진 않지만 비교는 해보면 좋을 것이다. 아래는 자바 스크립트 1. HTML 작성 2. Javascript에서 it 가져오기 3. button event 작성 4. 데이터(counter) 업데이트 5. HTML(span)을 업데이트 Total clicks: 0 Click me 아래는 react React cdn link React JS의 규칙 중 하나는 HTML을 페이지에 직접 작성하지 않는 것이다. r..

[Csharp] Readonly, const

📖C# Readonly, Const Readonly 읽기 전용 변수는 initializer, 생성자 메서드에 할당 가능 읽기 전용 변수는 여러번 재정의 가 가능하다. public class Readonly { private readonly ExampleObject _exampleObjecct = new ExampleObject() { Id = 1 }; public Readonly() { // _exampleObjecct변수를 재정의 하는 모습 _exampleObjecct = new ExampleObject( Id = 2); _exampleObjecct = new ExampleObject( Id = 3); } } public class ExampleObject { public int id {get; set..

Develop Dairy/C# 2021.12.30

What is DOM? DOM에 대해 이해하기 (2021.12.28)

What is DOM? Document Object Model (문서 객체 모델)의 약어 BOM(Browser Object Model)이란 개념을 알아야 함 BOM은 브라우저와 관련된 객체들의 집합 BOM의 최상위 객체(object)는 window DOM은 window 객체의 하위 객체 DOM은 표준 규약에서 제공하는 기능 외에도 많은 브라우저들은 추가적인 기능들을 제공한다. 그렇기에 사용자가 작성한 문서들이 각각 다른 DOM이 적용된 다양한 브라우저 환경에서 동작할 수 있음을 인지한다. e.g.(exempli gratia, 예를들어 라틴어) 표준 DOM 에서는 문서 안에서 모든elements에 대한 list를 리턴하는 getElementsByTagName method를 정의하고 있다. var parag..

JS와 Webassembly의 차이점 (2021. 10. 23)

JS는 아래와같은 방식을 거칩니다. 인터프리터 : 코드를 한 줄씩 읽어, 한 줄씩 Bytecode로 변환 컴파일러 : 파일 전체를 읽은 뒤, 코드의 의미를 해석하고 파일 전체를 기계어로 컴파일해서 변환 Interpreter -> Byteocode 를 ingition이(구글이 명명) 실행 Optimising은 반복된 작업의 코드들을 최적화 해준다는 뜻. *Optimising로 해석된 Machine Code를 turbofan(구글이 명명)이 실행 * turbofan이 할 수 없으면 optimising을 취소하고 ingition이 다시 실행 됩니다. .wasm은 아래와같은 방식을 거칩니다. .wasm 파일 -> 구글의 V8 Liftoff 컴파일러로 실행 wasm은 많은 코드가 optimizing이 되고 취소되..

간단한 DI(Dependency Injection)의 이해&예제 (2021. 05. 28)

Blazor로 하는 간단한 DI(Dependency Injection)의 이해 (Blazor webassembly hosted 환경에서 실행되었으며 .net5, VS2019 Preview 버전에서 진행하였습니다.) 생성자 주입을 경험해보고자 한다. 순서는 아래와 같습니다. 코드는 Github에서 볼 수 있습니다~. {ProjectName}.Shared User.cs 생성 {ProjectName}.Server Services/IUserRepository.cs 생성 Services/UserRepository.cs 생성 Controller/HomeController.cs 에서 메서드 추가 이곳에서 생성자 주입이 이루어진다. Startup.cs 에서 ConfigureServices에서 서비스 추가 (Config..

Develop Dairy/C# 2021.05.28

자동 구현 Property 알아보기. (2021. 05. 11)

📖자동 구현 Property를 알아보자 Visual Stuidio(VS)에서는 prop 를 타이핑하고 탭을 누르면 자동으로 property 구문이 생성됨. 자동으로 프로퍼티 get. set이 아래와같이 만들어지는데 아래와 같은 모습이 자동 구현 Property라고 함 public string Id {get; set;} public string Curriculum {get; set;} /*초기값이 필요한 경우*/ public string Id {get; set;} = "원하는 값" public string Curriculum {get; set;} = "원하는 값" 보통 public 변수에나 쓰는 것이므로 private에서는 잘 쓰지 않는게 rule임. e.g Blazor에서는 Parameter값들을 프로퍼..

Develop Dairy/C# 2021.05.11