본문 바로가기

전체 글127

TypeScript - 타입스크립트 기초 알아보기 안녕하세요. Hynn 입니다. 이번 포스팅에서는 JavaScript 의 상위 집합(superset) 이라고 불리기도 하고, 현업에서도 상당히 많이 사용되는 TypeScript 에 대해서 알아보도록 하겠습니다. JavaScript 의 특성과 한계적인 부분을 극복하기 위한 대체언어로 많이 사용되고, 이를 실제 작성해보는 과정을 가져보도록 하겠습니다. =========== HTML 삽입 미리보기할 수 없는 소스 =========== HTML 삽입 미리보기할 수 없는 소스 TypeScript, 즉 타입스크립트는 JavaScript 가 구조적으로 가지고 있는 문제점을 보완하는 역활을 하는 언어입니다. 즉, JavaScript 를 사용하여 개발하는 개발자들이 겪는 몇가지 문제점들을 구조적으로 개선하고, 보완하는 역.. 2023. 4. 18.
Block-Chain : 참고로 알아보는 Etherium vs Bitcoin 비트코인은 디지털 통화를 목표로 하는 반면, 이더리움은 네트워크 내에서 트랜잭션을 용이하게 하는 기본 통화인 Ether를 사용하여 분산 응용 프로그램 및 스마트 계약을 위한 플랫폼으로 설계되었습니다. 1. 목적: - 비트코인: 비트코인은 2009년 사토시 나카모토(Satoshi Nakamoto)라는 개인 또는 그룹이 만든 최초의 암호화폐입니다. 주요 목적은 은행과 같은 중개자 없이 P2P 거래를 가능하게 하는 전통적인 통화에 대한 디지털 대안 역할을 하는 것입니다. - 이더리움(Etherium): 이더리움은 2015년 비탈릭 부테린(Vitalik Buterin)에 의해 만들어졌습니다. 이더리움은 암호화폐(Ether)뿐만 아니라 탈중앙화 애플리케이션(dApps) 및 스마트 계약을 위한 플랫폼으로도 설계되었.. 2023. 4. 17.
Block-Chain - 블록체인 기초 알아보기 안녕하세요. Hynn 입니다. 이번 포스팅에서는 이제 학습을 시작하게 될, Block-Chain 에 대한 기초 사항을 학습하고, 개념이 어떠한 것인지, 중요한 키워드에 대한 위주로 알아보도록 하겠습니다. 이후에 Bitcoin 과 Etherium의 대한 특징들을 통해서, 추가적으로 중요 용어가 어떠한 개념으로 접근되는지에 대해서도 알아보도록 하겠습니다. =========== HTML 삽입 미리보기할 수 없는 소스 =========== HTML 삽입 미리보기할 수 없는 소스 블록체인, 즉 Block-Chain 이라는 단어를 이해하기 위해서는 몇가지를 이해해야 할 필요가 있습니다. 먼저, 블록체인에서 가장 작은 데이터의 단위는 "Transaction", 즉 트랜잭션입니다. 이 트랜잭션은 블록체인에서 사용하는 .. 2023. 4. 17.
Project - React 를 사용한 SPA 홈페이지 구축 안녕하세요 Hynn 입니다. 오랜만에 작성하는 블로그 게시물이 되었습니다. 지난 기간동안, 개인적 학습결과물을 이용해, React 를 이용한 SPA 홈페이지 구축을 프로젝트로 진행했습니다. 3인에서 진행하는 프로젝트였고, 다양한 API 와 Library 및 배포환경에 대한 공부를 하면서 진행했습니다. 프로젝트에서 구현하고자 한 점은, OTT 서비스의 대한 쉽게 볼 수 있는 요금제와 각 특징, Youtube 의 경우, 해외 요금제와 원화를 비교하여, 현재 각 국가별 환율을 적용하여 일자별로 비교할 수 있는 서비스, 다인사용이 가능한 요금제의 경우, 쉐어를 할 수 있는 모집 게시판을 간단하게 구축하고자 했습니다. 간략하게 소개하고, 어떠한 점들을 중점적으로 다루었는지 작성해보도록 하겠습니다. ========.. 2023. 4. 17.
React - CRA(Create-React-App) 사용하기 안녕하세요. Hynn 입니다. 이번 포스팅에서는 React 환경을 보다 편리하게 구성하게 도와주는 CRA 에 대해서 알아보도록 하겠습니다. 간단한 예제형태로 구성되어 있고, 실제 어떠한 기능들을 담당하는지에 대한 간략한 설명만을 포함하므로, 개념에 대해서 알아보시는분들에게 도움이 될 거 같습니다. ========== HTML 삽입 미리보기할 수 없는 소스 ========== HTML 삽입 미리보기할 수 없는 소스 CRA 는 Create React App 의 약자로 기존의 React 애플리케이션을 보다 쉽게 생성하기 위한 CLI (Command Line Interface) 도구입니다. 이전 포스팅들을 살펴보신다면 이해하시겠지만, React 를 구성하기 위해서, 사용자는 React 를 CDN 으로 추가하거나.. 2023. 3. 15.
React - StyledComponent / CSS-Loader 안녕하세요. Hynn 입니다. 이번 포스팅에서는 React 에서 StyledComponents , CSS-Loader 를 사용하여 Component 에 CSS를 적용하는 방법을 알아보도록 하겠습니다. 기존의 HTML/CSS 를 학습하신분들이라면, 어떠한 방식으로 문법을 작성하는지만 익히셔도 도움이 될 거라고 생각합니다. =========== HTML 삽입 미리보기할 수 없는 소스 =========== HTML 삽입 미리보기할 수 없는 소스 먼저 두가지의 차이점을 이해해야 코드의 상황에 맞는 CSS 적용이 가능합니다. 이 두개의 동작방식은 다르게 동작되므로, 그에 맞는 사용법이 필요합니다. Styled-Components 와 CSS-Loader 는 CSS를 적용하는 결과물은 같지만, 어떻게 적용하는지에 대.. 2023. 3. 15.

티스토리툴바