J'code daily

화면 꽉차게가 안되는 이유!
 - HTML 태그 기본 margin이 문제,
 - 따로 설정을 하지 않아도, 설정 값들이 들어있기 때문에, F12를 눌러 확인.

 - margin이 8px 들어가 있으며, 이것으로 인해 여백이 있음을 알 수 있음.
 - maring을 제거하기 위해서, html 또는 css에서 body에 maring : 0;을 입력

body maring을 0으로 주었을 경우 아래와 같다.

데이터 시각화의 필요성.

기업들은 회의를 통해 결과를 도출 할 때 차트들을 사용 합니다.  그 차트에는 매출액, 고객별 구매 니즈, 마케팅 성과 등 수 많은 데이터들을 나타내고 있습니다. 하지만 데이터가 너무 많아서 직원들은 데이터로부터 원하는 정보를 캐치하기 어렵습니다.

데이터 시각화란.

사용자에게 직관적으로 활용 가능 할 수 있도록 하는 그래픽 처리 기술.

데이터 시각화 장점.

1. 대용량 데이터를 그에 맞는 차트들로 나누어 보여주어, 많은 양의 데이터를 쉽게 인지 가능
2. 분석에 대한 지식이 없더라도, 원하는 데이터를 찾고, 활용 가능
3. 기존 차트 대비, 정확한 데이터 분석 가능과 분석한 데이터를 통해 의사 결정이 가능하며, 효율과적인 데이터 도출 가능

데이터 시각화 단점.

1. 데이터 활용 정보를 왜곡, 잘 못 전달하여, 사용자에게 혼란 야기 가능
2. 시각화에 빠져서 큰 데이터에 가려진 작은 데이터들을 인지하지 못 하고, 의사 결정 가능
3. 데이터 시각화는 사람이 만들었기에, 작업자의 실수로 잘 못 된 데이터 제공 가능

인라인 속성을 하용하여, TextBlock에서, 해당 글자마다 다른 속성을 줄 수 있습니다.

<TextBlock Margin="10" TextWrapping="Wrap">
  이것은 <Span FontWeight="Bold"> 이렇게</Span> 사용을
  <Span Background="Silver" Foreground="Maroon">하면은</Span>
  됩니다. 
  <Span TextDecorations="Underline">이렇게 밑줄과</Span>
  <Span FontStyle="Italic">기울기</Span>
  와,
  <Span Foreground="Blue">
  글자 색상과 <Bold>굵기도</Bold> 나오고<Italic> 있습니다.</Italic>
  </Span>
</TextBlock>

TextBlock textBlock = new TextBlock();
textBlock.Inlines.Add(new System.Windows.Documents.Run("이렇게") { Foreground = Brushes.Black });
textBlock.Inlines.Add(new System.Windows.Documents.Run("코드 상에서도") { Foreground = Brushes.Red, FontWeight = FontWeights.Bold }); 
textBlock.Inlines.Add(new System.Windows.Documents.Run("할 수 있습니다.") { Foreground = Brushes.Black });

회사들이 어떠한 stack으로 개발을 진행하고 있고,
어떻게 개발을 진행하는게 맞는건지 고민하고 있을때,
도움이 되는 사이트 - stackshare

● 트렌드 읽는 방식
  ▶ 각 회사에서 사용하는 여러 쓰임새의 기술들
    ♣ 대표 기업에서 사용 기술과 유망한 스타트업에서 사용 하는 기술 확인

  ▶ 미래에 유망한 기술로 꼽히고 있을 기술들
    ♣ 트렌드는 변화하기에, 변화는 기준을 캐치
    ♣ 그렇게 하려면 여러분야에 대해 조사하고 이해 필요

  ▶ 공유가 잘 되는 기술들
    ♣ 공유가 잘 되는 기술은 문제점이 발생 하여도, 빠르게 해결 가능
    ♣ 막히고, 잘 모른다면, 정보를 주는 사람이 많으며, 여러 기업체에서 사용한다.

https://stackshare.io/stacks

Visual Code에서실행 취소 반대 방법은 [Ctrl + Shift + z] 또는 [Ctrl + y] 입니다.

실행 취소 한 것에 대해 다시 실행 시켜줍니다.

현상 : 출력을 할 경우 아래와 같은 현상 발생

해결 방법 : 1) https://nodejs.org/ko/

             
                2) 여기서 Node.js LTS 버전을 다운 받고, 설치 진행

                3)  VS Code를 재실행 하면 해결

Rectangle RadiusX, RadiusY : 모서리 각 
DropShadowEffect BlurRadius : 그림자 효과 반경
DropShadowEffect Color : 그림자 효과 색상

CancellationTokenSource를 사용하면 됩니다.

직렬화 기법
- 이진 직렬화
- XML 직렬화

대용량의 파일을 읽어 올 경우 직렬화/역직렬화 하는 경우가 있다. 직렬화와 역직렬화는 무엇이고 사용하는 이유는 무엇인가?
- 직렬화
메모리를 디스크 저장이나 네트워크 통신에 사용하기 위한 형식으로 변환하는 것을 말합니다.
한국인은 한국어로 미국인은 영어로 대화한다면, 두쪽다 무슨 말인지 모를 것입니다. 그래서 만국 공통어 영어를 통하여, 서로 대화를 진행하면 서로에 대한 의사표현을 할 수 있습니다.
이처럼 한국어 내용을 영어로 변화시켜 미국인에게 내용을 전달 하는 것 입니다.
즉. object을 저장하거나, 메모리, 데이터베이스, 파일로 전송하기 위해 개체를 Byte 스트림으로 변환하는 Process 입니다.

- 역직렬화
직렬화의 반대입니다. 
디스크에 저장 한 데이터를 읽거나, 네트워크 통신으로 받은 데이터를 메모리에 쓸 수 있도록 다시 변환한다.


직렬화가 필요한 이유를 알기 위해서는 데이터들의 메모리 구조에 대해 알아야 합니다.
데이터들의 메모리 구조는 크게 2가지로 분류 됩니다.

1. 값 형식 데이터 즉. Value Type
int, float, char 등 값 형식 데이터들은 Stack에 메모리가 쌓이고 직접 접근이 가능합니다.

2. 참조 형식 데이터 즉. Reference Type
C#에서 Object 타입 또는 C++에서 포인터 변수들이 여기에 해당
해당 형식의 변수를 선언되면, Heap에 메모리가 할당 되고, Stack에서 Heap 메모리를 참조하는 구조

사용 예시

결과