소프트웨어 기술 블로그

React, JavaScript 및 기술에 대한 지식 기사 페이지인 소프트웨어 기술 블로그에 오신 것을 환영합니다. monorepo에 대한 기술, zustand에 대한 상태 관리 팁을 찾고 있거나 프런트엔드 개발에 대한 이해를 높이고 싶다면 여기에 풍부한 리소스가 있습니다. 각 기사는 모든 사람이 필요한 정보를 빠르게 찾을 수 있도록 명확하고 이해하기 쉬운 콘텐츠를 제공하기 위해 신중하게 작성되었습니다. 기본 개념부터 고급 기술까지, 초보자부터 고급 플레이어까지 누구나 즐길 수 있는 콘텐츠가 있습니다.그래픽 콘텐츠에 관심이 있으시면 저희에게 문의해 주세요. 인스 타 그램.

Python & Javascript
소프트웨어 엔지니어
Roxanne

Python과 Javascript를 이해하는 데 도움이 되는 1개의 기사: 입문 수준 프로그래밍에 가장 적합한 언어

오늘날의 시대에 프로그래밍은 더 이상 정보 과학 학생들의 전유물이 아닙니다. 점점 더 많은 사람들이 직업 변경과 자율 학습을 통해 프로그래밍 언어를 자신의 기술 트리 중 하나로 만들고 있습니다. 기술 산업에 진출하고 싶거나, 더 유망한 분야로 이동하고 싶거나, 단순히 기술에 관심이 있다면 프로그래밍을 배우는 것은 탁월한 선택입니다!
하지만 초보자의 경우 첫 번째 프로그래밍 언어를 어떻게 선택합니까?
이 기사에서는 가장 초보자에게 친숙한 두 가지 언어인 Python과 JavaScript에 중점을 둘 것입니다.
이 두 언어 각각에는 고유한 장점과 광범위한 응용 시나리오가 있어 프로그래밍을 위한 탄탄한 기반을 마련하고 계속해서 업그레이드하고 몬스터와 싸울 수 있도록 도와줍니다!

더 읽어보세요"
為什麼要學寫程式?
기술 기사
Roxanne

왜 프로그래밍을 배워야 할까요? 경력개발, 문제해결력 등 3가지 장점을 한번에 확인해보세요!

디지털 시대에 프로그래밍은 현대인이 갖춰야 할 기본 기술 중 하나가 되었습니다. 기술 산업뿐만 아니라 점점 더 많은 산업에서 직원들이 기본적인 프로그래밍 능력을 갖기를 기대하기 시작했습니다.
직장 경쟁력 향상, 복잡한 문제 해결, 혁신적인 애플리케이션 개발 등 프로그래밍은 회사의 제품 개발뿐만 아니라 개인 경력 개발에도 매우 강력한 도움이 됩니다.

더 읽어보세요"
Slack_startup_story
기술혁신칼럼
Roxanne

Slack 해독: 전 세계 수천만 명의 사용자가 있는 Slack은 어떻게 게임 회사에서 Salesforce에 200억 달러에 인수될 정도로 변모했나요?

Slack은 출시된 지 10년이 넘은 사무용 커뮤니케이션 소프트웨어입니다. 게시물과 공지사항을 게시하기 위한 내부 커뮤니케이션 플랫폼일 뿐만 아니라, 사용자가 다양한 테마의 채널을 생성하여 다양한 프로젝트의 전환을 촉진할 수 있으며, Dropbox, Google 등 다양한 심층 애플리케이션과의 통합도 가능합니다. 문서 등..
예를 들어 사용자가 연결된 애플리케이션에 파일이나 정보를 업로드하면 Slack은 자동으로 채널을 업데이트하고 채널 회원에게 알리므로 직장에서의 통신 비용이 크게 단순화됩니다.
직관적이고 빠른 이력 검색 기능 등도 있다. 사용자의 페인포인트를 충족하는 사용자 친화적인 디자인으로 슬랙은 2013년 출시 이후 빠르게 기업계에 큰 파장을 일으켰다.

더 읽어보세요"
system-design-系統設計12-CDN-基礎概念與設計-how-cdn-work-hogantech
기술 기사
Hogan

CDN 기본 개념 및 설계 - 시스템 설계 12

CDN은 지리적 위치를 기반으로 배치된 프록시 서버(프록시 서버) 그룹입니다. 그 중 프록시 서버는 클라이언트와 서버 사이의 중간 서버로, 프록시 서버 역시 네트워크 에지(Network Edge)에 배치됩니다. 또한 네트워크의 가장자리가 최종 사용자와 가깝기 때문에 프록시 서버를 배치하면 지연을 줄이고 대역폭을 절약하여 해당 데이터를 사용자에게 빠르게 전송할 수 있습니다. CDN은 간단한 프록시 서버 역할을 하는 것 외에도 일부 설정 및 작업을 통해 CDN을 더욱 효율적으로 만들 수도 있습니다.

더 읽어보세요"
0710 Anthropic
기술혁신칼럼
Roxanne

Anthropic: GPT-4의 가장 강력한 라이벌인 Claude 3.5의 원동력, 보다 "규정을 준수하는" AI 대규모 언어 모델을 만드는 방법은 무엇입니까?

AI 분야에 막대한 기술산업 자금이 유입되는 가운데 다양한 AI 스타트업의 자금조달 현황과 개념을 이해함으로써 미래 인공지능 트렌드에 대해서도 보다 명확하게 이해할 수 있다.
생성 AI 및 대규모 언어 모델 생성을 예로 들면, OpenAI만이 뛰어난 기술을 자랑하는 Amazon과 Google의 막대한 투자를 바탕으로 올해 가장 주목받는 유니콘이 되었습니다. OpenAI 이후.

앤트로픽은 어떤 회사인가요? 창업자들이 OpenAI에서 분리된 이유는 무엇입니까? 두 회사의 전략적 위치의 차이점은 무엇입니까?

오늘은 인류학 이야기를 여러분과 공유하겠습니다!

더 읽어보세요"
zapier 5
기술혁신칼럼
Roxanne

Zapier: 가치 50억 달러의 자동화 왕이 어떻게 3년 만에 60만 명 이상의 사용자를 확보하게 되었나요?

모든 사람이 강력한 도구를 손쉽게 사용할 수 있는 시대에 다양한 AI 및 생산성 도구가 더 많은 시간을 절약하는 데 도움을 주고 있습니다. 그러나 각 도구에는 서로 다른 사용 시나리오와 장점이 있으며, 서로 다른 속성을 가진 이러한 소프트웨어를 워크플로에 통합하는 데 많은 시간이 걸리는 경우가 많습니다. 재피어의 등장은 노동분업이 점점 더 세분화되고, 도구의 종류가 점점 다양해지면서 필연적으로 발생하게 되는 이러한 문제를 해결하기 위한 것입니다.

더 읽어보세요"
ScaleAI
기술혁신칼럼
Roxanne

Scale AI 해독: 인공 지능 뒤에 숨은 "작업자"의 지혜? 데이터 태그: 유니콘 가치 8년 만에 73억 달러로 오른 비결

그는 19세에 Scale AI를 설립하기 위해 학교를 중퇴했습니다. Alexandr는 Scale AI가 생성적 AI 골드러시에서 삽을 파는 것과 같은 데이터 라벨링 서비스를 제공한다고 말했습니다(이 설명이 친숙하게 들리나요😆).

많은 AI 스타트업이 아직 한 푼도 벌지 못한 반면, Scale AI의 지난해 매출은 2억 5천만 달러에 이르렀고, 그 가치는 73억 달러에 달했습니다. 고객은 OpenAI와 Tesla부터 미 공군, 육군, CIA 등에 이르기까지 다양합니다.

그렇다면 데이터 태그란 정확히 무엇입니까? 왜 그렇게 수익성이 좋을 수 있습니까? Scale AI는 어떻게 경쟁이 치열한 AI 분야에서 틈새시장을 찾아 성공적으로 유니콘으로 성장할 수 있었나요?

오늘은 Scale AI에 대한 이야기를 여러분께 전해드리려고 합니다!

더 읽어보세요"
system-design-系統設計11-鍵值資料儲存-key-value-store-introductoin-to-database-fundamentals-hogantech
기술 기사
Hogan

Key-Value Store 키-값 데이터 저장 설명 – 시스템 설계 11

Key-Value Store는 분산 해시 테이블(Distributed Hash Table)로, DHT는 해시 테이블과 같은 검색 및 저장 기능을 제공하는 분산형 저장 방식입니다. 해시 테이블은 ADT(추상 데이터 유형)이기도 하며 일반적으로 비교적 빠른 시간에 검색 작업을 완료할 수 있다는 장점이 있습니다.

더 읽어보세요"
naughtyghost-頑皮鬼-隱形筆電支架
경험
Roxanne

Naughty Life Invisible 노트북 스탠드: 어깨와 목이 아픈 엔지니어를 위한 구세주

소프트웨어 엔지니어이자 대학원생인 나의 업무와 보고서 처리는 기본적으로 컴퓨터와 분리될 수 없습니다. 집, 사무실, 고객 등 근무 장소를 변경해야 할 경우, 이렇게 잦은 이동으로 인해 가장 큰 문제점은 언제 어디서나, 집을 떠나 있을 때에도 편안한 업무 환경을 갖고 싶다는 것!
집에서 노트북을 사용할 수 있도록 편안한 작업 공간을 디자인할 수도 있지만, 밖에서 일하고 보고하는 경우에는 노트북 스탠드의 도움을 꼭 받아야 합니다.
하지만 시중에 판매되는 노트북 스탠드는 대개 부피가 크고 부피가 커서 무게를 늘리지 않기 위해 노트북만 들고 나가는 경우가 많습니다. 그 결과 장시간 고개를 숙인 채 작업을 해야 하게 되고, 어깨와 목이 아프게 되어 효율성이 크게 떨어지게 됩니다.

더 읽어보세요"
system-design-系統設計10-資料複製-data-partitioning-introductoin-to-database-fundamentals-hogantech
기술 기사
Hogan

데이터 분할 데이터 분할이란 무엇입니까? – 시스템 설계 10

데이터 파티셔닝은 데이터베이스의 데이터를 더 작고 관리하기 쉬운 하위 블록으로 나누는 프로세스입니다. 이러한 하위 블록을 파티션이라고 합니다. 데이터 세분화는 시간, 고객 ID, 제품 카테고리 등 다양한 요소를 기반으로 할 수 있습니다. 데이터를 분할해야 하는 이유는 무엇입니까? 확장되지 않는 시스템의 경우 데이터 양이 계속 증가하고 데이터베이스에 대한 읽기 및 쓰기 트래픽도 계속 증가합니다.

더 읽어보세요"
system-design-系統設計09-資料複製-data-replication-introductoin-to-database-fundamentals-hogantech-hoganblab
기술 기사
Hogan

데이터 복제는 데이터베이스를 어떻게 최적화합니까? - 시스템설계 09

데이터 복제는 여러 노드에 데이터를 복제하여 병목 현상을 해결하고 데이터베이스의 성능, 확장성 및 가용성을 향상시키는 효과적인 방법입니다. 이 기사에서는 데이터 복제의 세 가지 주요 모델인 마스터-슬레이브 복제(단일 리더 복제), 다중 리더 복제(다중 리더 복제) 및 지점 간 복제(리더리스 복제)를 소개하고 이들의 장점을 분석하고 단점.

더 읽어보세요"
NVIDIA-STORY-2
경험
Roxanne

엔비디아 복호화 : 이해를 돕는 6가지 핵심, AI 왕의 주가 상승 비결 240% (2부)

지난주 기사에서는 NVIDIA의 창립 배경, 비즈니스 모델 및 주요 고객에 대해 언급했습니다. 오늘 기사에서는 계속해서 NVIDIA의 경쟁사, 잠재적 위험 및 향후 위험을 공유하고 CEO Jensen Huang의 6/2 기조 연설도 반영합니다. 언급된 세 가지 미래 동향을 살펴보겠습니다. 연설로!

더 읽어보세요"
NVIDIA-STORY
경험
Roxanne

엔비디아 복호화 AI왕 주가 급등 비결 6가지 핵심 포인트 240% (1부)

'생성 AI 원년'으로 꼽히는 2023년은 마이크로소프트 코파일럿(Microsoft Copilot), 빙(Bing), AWS 베드록(AWS BedRock...) 등 거대 기술 기업들이 잇달아 AI 무기를 출시했고, 엘론 머스크(Elon Musk)도 테슬라 구축을 위한 슈퍼 브레인을 발표했다. 전기 자동차: 도장 슈퍼컴퓨터, AI 기술 거대 기업을 위한 새로운 게임을 열었습니다.
속담처럼, 전쟁 중에 가장 수익성이 좋은 사람들은 골드러시 시대에 가장 수익성이 높은 사람들은 삽 판매자였습니다.
이것이 현재 NVIDIA Huida의 존재입니다.

더 읽어보세요"
system-design-系統設計08-資料庫基礎介紹-introductoin-to-database-fundamentals-hogantech-hoganblab
기술 기사
Hogan

데이터베이스 기초 입문 - 시스템 설계 08

데이터베이스란 무엇입니까? 데이터베이스는 일반적으로 컴퓨터 시스템에 전자적으로 저장되는 구조화된 정보 또는 데이터의 조직화된 모음입니다. 데이터베이스는 일반적으로 데이터베이스 관리 시스템(DBMS)에 의해 제어됩니다. 데이터 및 DBMS와 관련 애플리케이션을 데이터베이스 시스템이라고 하며, 간단히 데이터베이스라고도 합니다.
오늘날 실행되는 가장 일반적인 유형의 데이터베이스에 있는 데이터는 일반적으로 데이터 처리 및 쿼리 효율성을 높이기 위해 일련의 테이블의 행과 열로 모델링됩니다. 그러면 데이터에 쉽게 액세스하고, 관리하고, 수정하고, 업데이트하고, 제어하고 구성할 수 있습니다. 대부분의 데이터베이스는 SQL(구조적 쿼리 언어)을 사용하여 데이터를 쓰고 쿼리합니다.

더 읽어보세요"
appier 0
경험
Roxanne

대만 최초의 AI 유니콘, 시가총액 13억8000만달러 애피어는 무엇을 하고 있을까?

대만 최초의 새로운 유니콘이 누구인지 아시나요? (유니콘의 정의: 설립된 지 10년 미만이지만 기업가치 10억 달러 이상이고 아직 주식시장에 상장되지 않은 기술회사)
Appier Peixing Interactive Technology는 2012년 6월 설립부터 2021년 상장까지 단 8년 9개월 만에 Sequoia Capital이 투자한 대만 최초의 AI 유니콘 기업이 되었습니다. 6년이 걸린 기술 대기업 구글, 8년이 걸린 페이스북, 10년이 걸린 우버에 비해 애피어는 매우 짧은 시간에 IPO 달성을 달성했다.

더 읽어보세요"
notion startup insight
경험
Roxanne

Notion의 기업가 이야기 해석: 작은 노코드 아이디어가 어떻게 글로벌 600억 생산성 시장을 전복시킬 수 있습니까?

기획광으로서 Evernote, Obsidian 등 다양한 생산성 소프트웨어를 사용해봤지만 결국 Notion으로 돌아왔습니다. 결국 Notion의 조작이 정말 가장 직관적이고 인터페이스도 가장 아름답습니다. 인생을 Notion으로 옮긴 후에는 자신의 습관에 따라 완전히 맞춤 설정할 수 있기 때문에 정말 제2의 두뇌를 키우는 듯한 느낌이 듭니다.

사용하는 과정에서 '라이프 해커' 노션의 아이디어는 어디서 나온 것인지 궁금하지 않을 수 없었다. Notion 뒤에 숨겨진 흥미로운 기업가 이야기는 무엇입니까?

그래서 저는 창업자의 배경과 Notion의 독특한 경쟁 우위에 대해 깊이 이해했습니다. 오늘은 이 전설적인 회사의 창업 스토리와 제품 기능, 그리고 Notion이 어떻게 생산성 시장에서 발판을 마련하게 되었는지 공유하겠습니다!

더 읽어보세요"
system-design-系統設計07-系統設計元件-what-is-load-balancer-hogantech-hoganblab
기술 기사
Hogan

로드 밸런서 설명 – 시스템 설계 07

로드 밸런서란 무엇입니까? 로드 밸런서는 주로 현재 서버 부하를 기준으로 모든 사용자 요청을 해당 서버에 분산시킵니다. 이것의 장점은 서버 과부하나 충돌을 방지할 수 있다는 것입니다. 그러나 여기서도 생각해 볼 수 있습니다. 현재 시스템의 트래픽이 초당 수천 요청 정도로 높지 않다면 결국 시스템이 복잡할수록 로드 밸런서는 필요하지 않을 수 있습니다. 더 많은 것들을 고려해야 합니다.

더 읽어보세요"
HoganTech-Zeabur
경험
Roxanne

Zeabur의 IaaS, PaaS, SaaS가 무엇인지 설명해주세요. 클라우드 서비스 모델을 소개합니다!

제아부르는 무엇인가요? Zeabur는 현대 개발자를 위해 설계된 PaaS입니다. 어떤 프로그래밍 언어나 개발 프레임워크를 사용하든 한 번의 클릭으로 배포하는 데 몇 분밖에 걸리지 않으며 프런트 엔드, 데이터베이스, 객체 스토리지 및 기타 서비스를 한 번에 Zeabur에 쉽게 통합할 수 있습니다. 멈추다.

더 읽어보세요"
system-design-系統設計06-系統設計元件-what-is-dns-hogantech-hoganblab
기술 기사
Hogan

DNS란 무엇입니까? 도메인 이름 시스템 소개 - 시스템 설계 06

DNS란 무엇입니까? DNS(도메인 이름 시스템)는 사람이 읽을 수 있는 도메인 이름을 컴퓨터가 읽을 수 있는 IP 주소에 매핑합니다. 예를 들어 google.com에 해당하는 IP는 142.250.191.78입니다. 사용자가 브라우저에 도메인 이름을 입력하면 브라우저는 DNS를 통해 도메인 이름을 IP 주소로 변환해야 합니다. 필요한 IP 주소를 얻으면 사용자의 요청이 대상 서버로 전달됩니다.

더 읽어보세요"
system-design-系統設計05-系統設計元件-building-block-hogantech
기술 기사
Hogan

시스템 설계 구성 요소 빌딩 블록 소개 - 시스템 설계 05

시스템 구성 요소는 시스템 설계의 기본 구성 요소로 결합되어 복잡한 소프트웨어 시스템을 구성할 수 있습니다. 여기서는 시스템 설계의 기본 개념도 검토합니다. 시스템 설계는 소프트웨어 시스템의 전체 아키텍처와 설계를 포함하는 소프트웨어 엔지니어링의 중요한 연결 고리입니다. 좋은 시스템 설계는 소프트웨어 시스템을 더욱 안정적이고 확장 가능하며 유지 관리하기 쉽게 만들 수 있습니다.

물론, 이러한 구성 요소를 사용하여 시스템을 설계하려면 먼저 어떤 디자인 구성 요소가 있는지 이해해야 합니까? 각 디자인 요소는 무엇을 나타냅니까? 이 문서에서는 각 시스템 구성 요소를 소개하고, 다음 장에서는 각 구성 요소의 세부 정보와 응용 프로그램을 자세히 설명합니다.

더 읽어보세요"
system-design-系統設計04-封底計算-back-of-the-envelope-hogantech-hoganblab
기술 기사
Hogan

봉투뒷면 계산 – 시스템 설계 04

봉투 뒷면 계산이라고도 알려진 봉투 뒷면 계산은 간단한 추정을 사용하여 복잡한 문제의 대략적인 값을 계산하는 방법입니다.

여기서도 검토해 보겠습니다. 분산형 시스템은 네트워크를 통해 연결된 컴퓨팅 노드로 구성됩니다. 이러한 노드는 웹 서버, 애플리케이션 서버, 스토리지 서버 등 다양한 유형의 서버일 수 있습니다.

분산형 시스템을 설계할 때 각 노드가 처리할 수 있는 요청 수를 이해하는 것이 중요합니다. 동시에 필요한 노드 수와 트래픽도 결정할 수 있으므로 봉투 뒷면을 사용하여 대략적인 추정치를 계산하고 마지막으로 필요한 시스템을 설계합니다.

더 읽어보세요"
system-design-系統設計03-軟體設計非功能性特性-hogantech-hoganblab
기술 기사
Hogan

소프트웨어 설계의 비기능적 특징 – 시스템 설계 03

현대 정보 기술에서는 시스템 가용성(Availability), 신뢰성(Reliability), 확장성(Scalability), 유지 관리 가능성(Maintainability) 및 내결함성(Fault Tolerance)이 매우 중요한 비기능적 특성이며 이러한 특성은 성능과 효율성에만 영향을 미치는 것이 아닙니다. 소프트웨어 시스템뿐만 아니라 사용자 경험에도 직접적인 영향을 미칩니다. 이 기사에서는 위의 다섯 가지 특성에 대한 심층적인 설명도 제공합니다.

더 읽어보세요"
system-design-系統設計-抽象在系統設計中的應用-hogantech-hoganblab
기술 기사
Hogan

시스템 설계에 추상화 적용 - 시스템 설계 02

추상이란 무엇입니까? 추상적인 개념은 시스템 설계 중에 관련 없는 세부 사항을 숨기는 데 도움이 되므로 전체 아키텍처에 집중할 수 있습니다. 추상화를 통해 시스템 설계 내 복잡성을 숨겨 시스템 설계 결과에 더 집중할 수 있으므로 세부 사항에서 벗어나는 것이 중요합니다.

더 읽어보세요"
React11-React-Hook-useState
자바스크립트
Hogan

React Hook useState – React Vernacular Movement 11

useState란 무엇입니까? useState는 React에서 함수 컴포넌트에 상태를 추가하는 데 사용되는 Hook입니다. useState를 통해 함수 컴포넌트의 상태 데이터를 정의하고 관리할 수 있습니다. useState는 다음을 포함하여 두 가지 값을 포함하는 배열을 반환합니다. 현재 상태: 요소가 처음 렌더링될 때 해당 값은 useState에 전달한 초기 값과 동일합니다.

더 읽어보세요"
system-design-系統設計-系統設計介紹-hogantech-hoganblab
기술 기사
Hogan

현대 시스템 설계 입문 - 시스템 설계 01

시스템 설계는 특정 기능 요구 사항을 갖춘 대규모 시스템을 완성하기 위해 다양한 시스템 구성 요소, API, 데이터 모델 및 통합 시스템을 정의하는 프로세스입니다. 유튜브와 같은 동영상 재생 플랫폼의 설계를 예로 들면, 우리는 대용량의 동영상 데이터를 효율적으로 저장하고 전송하는 방법뿐만 아니라 높은 동시성(High Concurrency) 사용자 요구 사항을 지원하고 이를 보장하는 방법도 고려해야 합니다. 시스템의 안정성과 확장성.

더 읽어보세요"
網路信標-web-beacon
기술 기사
Hogan

웹 비콘 웹 비콘이란 무엇입니까? 쿠키 외에도 귀하가 알아야 할 도구

웹 비콘은 20세기 말 인터넷의 부흥의 산물이며 1990년대 후반에 등장했습니다. 점점 더 많은 사람들이 인터넷을 사용하기 시작하면서 기업에는 대규모 사용자 데이터를 수집, 이해 및 적용할 수 있는 메커니즘이 필요합니다. 웹 비콘은 쿠키와 함께 작동하여 사용자 행동에 대한 통찰력을 얻고 여러 웹사이트를 추적할 수 있습니다.

더 읽어보세요"
React10-React-Life-Cycle
언어적 움직임에 반응
Hogan

React 라이프사이클 - React Vernacular Movement 10

React Life Cycle - 이전 글에서는 React 구문에 대해 자세히 설명했습니다. React JSX - React Vernacular Movement 06 React 컴포넌트를 생성하는 방법과 부모 컴포넌트와 자식 컴포넌트 간의 관계를 배웠습니다. 이 글에서는 컴포넌트에 초점을 맞추고 라이프사이클의 세 단계, 클래스 객체의 라이프사이클, 함수 객체의 라이프사이클을 포함하여 컴포넌트의 라이프사이클을 설명합니다.

더 읽어보세요"
logo00-Dcard-hogantech
경험
Hogan

디카드 12주년 서프라이즈 오리진

올해 Dcard는 모든 졸업 파트너를 Dcard의 12주년 축하 행사인 깜짝 오리진 이벤트에 초대합니다. Dcard 플랫폼을 사용하여 이 이벤트를 사무실, 이벤트 사진, 음식 등 모든 사람과 공유하고 싶습니다.

더 읽어보세요"
React Props - React 白話文運動 09
언어적 움직임에 반응
Hogan

React 소품 – React Vernacular 운동 09

React Props - React 특유의 움직임입니다. 이번 글에서는 React 문법에 대해 좀 더 자세히 설명하겠습니다. 이전 글에서는 React 컴포넌트를 생성하는 방법과 부모 컴포넌트와 자식 컴포넌트의 관계도 배웠습니다. 이 글에서는 React 컴포넌트 선언, React Props를 포함한 React Props의 개념을 소개합니다.

더 읽어보세요"
React08-建立React專案
언어적 움직임에 반응
Hogan

React 프로젝트 설정 – React Vernacular Movement 08

React 프로젝트 확립 - React 토착어 운동: 이전 기사에서는 세 가지 명사, 즉 바벨이란 무엇인가?를 소개했습니다. 웹팩이란 무엇입니까? npm이란 무엇입니까? 이 문서에서는 환경 설정, React 프로젝트 생성, 프로젝트 시작 및 React 확장 키트 사용 방법을 포함하여 React 프로젝트 설정에 대한 단계별 가이드를 제공합니다. 여기에는 공식 CRA 구축 환경과 자체 구축 환경도 포함됩니다.

더 읽어보세요"
Babel & Webpack & NPM – React 白話文運動 07
언어적 움직임에 반응
Hogan

Babel & Webpack & NPM – React Vernacular Movement 07

이 글에서는 세 가지 용어에 대해 설명합니다. 이 용어는 다음을 포함하여 React 프로젝트를 구축하기 위해 알아야 할 도구입니다. 웹팩이란 무엇입니까? npm이란 무엇입니까? 물론 주요 소개는 이러한 도구를 사용하는 개념이지만 Npm에서 Yarn까지 선택할 수 있는 다른 도구도 여전히 있습니다.

더 읽어보세요"
React06-React-JSX
언어적 움직임에 반응
Hogan

React JSX – React 언어적 움직임 06

React는 웹 및 모바일 프런트엔드 개발에 가장 널리 사용되는 JavaScript 패키지 중 하나입니다. Meta에서 개발한 React를 사용하면 개발자는 재사용 가능한 구성 요소를 만들어 프런트 엔드 페이지를 완성할 수 있습니다. JSX는 현재 우리가 보는 가장 일반적인 React 작성 방법이기도 하므로 다음에 소개하겠습니다. JSX란 무엇인가요? JSX 구문 및 JSX를 사용하여 React 구성 요소 구축.

더 읽어보세요"
React 運作原理
언어적 움직임에 반응
Hogan

React 작동 방식 – React Vernacular Movement 05

React는 웹 및 모바일 프런트엔드 개발에 가장 널리 사용되는 JavaScript 패키지 중 하나입니다. Meta(이전 Facebook)에서 개발한 React를 사용하면 개발자는 재사용 가능한 구성 요소를 만들어 프런트 엔드 페이지를 완성할 수 있습니다.

그러나 엄밀히 말하면 React는 프레임워크가 아니라는 점에 유의해야 합니다. 이는 UI 요소 렌더링만 담당하기 때문입니다. 그러나 React는 Angular 및 Vue와 같은 프레임워크를 위한 또 다른 솔루션을 제공하므로 이를 통해 복잡한 프런트엔드 페이지 기능을 완성할 수 있습니다.

더 읽어보세요"
2023 Yahoo! Software Engineer 軟體工程師面試心得
경험
Hogan

2023 Yahoo! 소프트웨어 엔지니어 소프트웨어 엔지니어 인터뷰 경험

Yahoo! 소프트웨어 엔지니어 인터뷰 프론트엔드 개발을 선호하는 소프트웨어 엔지니어는 프론트엔드 개발 외에도 백엔드 개발 및 프로젝트 관리에 대한 지식도 필요합니다. 링크드인에서 채용공고를 보고 친구에게 추천해달라고 했더니 친구를 통해서 이 포지션이 다국적 팀을 위한 포지션이고, 매일 회의에 영어가 필요하고, 시차가 있을 수 있다는 것을 대략적으로 이해했습니다.

더 읽어보세요"
成大電機轉學考
경험
Hogan

107 Chengda 전기 기계 | Chengda 기계 | 국립 Chengchi 대학 수학 편입 시험 경험

이 글은 실제로 2018년에 작성되었습니다. 이제 2023년에 경험담을 블로그로 옮겨 국립성공대학교 전기공학과를 성공적으로 졸업했습니다. 이를 악물고 편입 시험을 치른 어린 나 덕분에 진지하게 말하면 편입 시험은 내 인생에서 가장 힘든 시기였다. 마지막으로, 이 글이 편입시험을 준비하는 모든 분들께 도움이 되었으면 좋겠습니다!

더 읽어보세요"
Javascript 高階函式 -HigherOrderFunction
자바스크립트
Hogan

JavaScript 고차 함수 – React Vernacular Movement 04

이 기사에서는 매우 중요한 JavaScript 함수 개념인 고차 함수를 소개합니다. 고차 함수는 하나 이상의 함수를 매개변수로 사용하거나 결과로 함수를 반환하는 함수입니다. 이 기사에서는 고차 함수가 무엇인지, 고차 함수를 사용하면 어떤 이점이 있는지, 실제 응용 프로그램에서 고차 함수를 사용하는 방법에 대해 알아봅니다. 순수 함수, 고차 함수 및 물리학.

더 읽어보세요"
React03-Javascript-Async-Await
자바스크립트
Hogan

JavaScript 비동기 및 대기 – React Vernacular Movement 03

React Vernacular Movement 시리즈의 세 번째 기사에 오신 것을 환영합니다. 오늘은 JavaScript의 비동기 작업을 살펴보고 두 가지 중요한 키워드인 Async와 Await를 소개하겠습니다. 이 기사에서는 예제를 통해 비동기 작업의 개념과 Promise, Fetch, Async 및 Await를 사용하여 비동기 코드를 보다 효율적으로 처리하는 방법을 보여줍니다.

더 읽어보세요"
react-vernacular-campaign-02 JavaScript ES6 Object
자바스크립트
Hogan

JavaScript ES6 객체 – React Vernacular Movement 02

이전 기사 JavaScript ES6에서는 let, const, var 차이점, 상용구 리터럴 및 화살표 함수를 소개했습니다. 이 글에서는 객체 분해, 객체 구문 강화, 배열 분해, 확장 연산자 등 JavaScript ES6의 새로운 구문을 소개하겠습니다. 위 내용을 통해 모든 사람이 React 프론트엔드 프레임워크를 더 쉽게 배울 수 있기를 바랍니다.

더 읽어보세요"
react-vernacular-campaign-01 JavaScript ES6
자바스크립트
Hogan

JavaScript ES6 – React Vernacular Movement 01

React 프론트엔드 프레임워크에 들어가기 전에 독자들이 JavaScript에 대한 지식을 검토할 수 있도록 도와드리겠습니다. 이 기사에서는 JavaScript의 역사, let과 const와 var의 차이점, 템플릿 리터럴(Template Literals), JavaScript ES6에 대한 매우 중요한 사전 지식인 화살표 함수(Arrow Function)에 중점을 둡니다.

더 읽어보세요"
zustand
기술 기사
Hogan

주스탠드란 무엇인가요? React 프론트엔드 상태 관리

상태 관리를 처리하기 위해 Redux를 사용하든 Context를 사용하든 나중에 이 프로젝트에 참여하는 엔지니어에게는 이해하는 데 확실히 시간이 걸릴 것입니다. Zustand의 주요 목표는 프런트 엔드 상태 관리를 상대적으로 간단하고 이해하기 쉽게 만드는 것이므로 일부 회사에서는 Zustand를 선택합니다.

더 읽어보세요"
nx-monorepo
기술 기사
Hogan

대기업이 Nx를 사용하는 이유는 무엇입니까? Monorepo 도구는 5분 안에 빠르게 설정할 수 있습니다.

Nx는 잘 알려진 프로그램 편집기인 VS Code와 동일한 디자인 철학을 가지고 있습니다. VSCode에서는 확장 프로그램을 다운로드하지 않고도 꽤 좋은 출력을 생성할 수 있습니다.
Nx 코어도 마찬가지입니다. 단순성, 명확성, 명확성 등의 특성을 갖고 있습니다. 그리고 Nx 플러그인 키트(플러그인)를 예로 들면, 다양한 프로젝트에 따라 다양한 선택을 할 수 있습니다.

더 읽어보세요"
monorepo
기술 기사
Hogan

모노레포를 정말 이해하시나요? 5분 동안 대규모 프런트엔드 아키텍처를 소개합니다.

모노레포(Monorepo)는 기존의 개별 프로젝트와는 달리 대량의 프로그램 코드를 중앙에서 관리하는 구조다. 핵심 아이디어는 동일한 코드 베이스(리포지토리)에서 모든 프런트 엔드 관련 코드를 관리하는 것입니다. 이 아키텍처의 장점은 코드 재사용성을 높이고, 코드 투명성을 향상시키며, 모든 패키지가 동일한 버전을 사용하도록 보장하고, 코딩 스타일을 통합할 수 있다는 것입니다.

더 읽어보세요"
ko_KR한국어