Please enable JavaScript to use this site.
JavaScript를 활성화 시켜주세요.
BLOG_YHUJ
BLOG_YHUJ
Written by
yhuj79
🌱 Junior Developer
Categories List ▼
Algorithm
Certification
Computer Science
Data Structure
Database
Gatsby
Java
Javascript
Jest
MacOS
Markdown
Next
React
React Native
Swift
Typescript
Categories
Algorithm
Certification
Computer Science
Data Structure
Database
Gatsby
Java
Javascript
Jest
MacOS
Markdown
Next
React
React Native
Swift
Typescript
ALL 32 Posts
ALL
Gatsby
React
Javascript
Data Visualization
Chart
Typescript
OOP
Design Pattern
Optimization
3D
Image
Algorithm
Certification
C
Computer Science
React Native
Location
Java
OS
Process
Thread
Database
RDB
Cloud
Quill
Firebase
Express
Heroku
Open API
Next
Prisma
PlanetScale
Jest
Testing
Loopback
Network
HTTPS
Data structure
Stack
Queue
Swift
Dictionary
Typealias
Markdown
MacOS
Terminal
Gatsby Blog 2년 사용 후기
2024년 09월 26일
Gatsby
지난 2년간 커스텀 블로그를 생성 후 관리하며 느낀 점, 주요 플러그인 등 후기를 간략하게 정리. 커스텀 블로그의 시작 블로그를 만들어야겠다 느낀 건 2022년 9월 경, 개발을 배워가면서 얻은 지식들을 정리하여 기록물로 남겨두고 싶다 생각이 든 것이 시작이었다. 맨 처음에는 Tistory, Velog 등 내가 배울 때 유용하게…
React에서 ApexCharts로 차트 그리기
2024년 09월 09일
React
Javascript
Data Visualization
Chart
데이터 시각화란 데이터를 그래프, 차트, 지도, 인포그래픽 등 시각적인 형태로 표현하여 복잡한 정보나 패턴을 쉽게 이해할 수 있도록 하는 방법이다. 대량의 데이터를 시각적으로 표현함으로써 숨겨진 경향, 상관관계, 이상치 등을 더 직관적으로 파악할 수 있게 하며, 이를 통해 의사 결정 과정에서 통찰력을 제공한다. 차트는 데이터를 …
Typescript로 작성하는 디자인 패턴
2024년 08월 27일
Typescript
OOP
Design Pattern
'바퀴를 다시 발명하지 마라(Don't reinvent the wheel)'라는 유명한 프로그래밍 격언이 있다. 개발 과정 중에 문제가 발생하면 새로 해결책을 구상하는 것보다 문제에 해당하는 디자인 패턴을 참고하여 적용하는 것이 더 효율적이다. 디자인 패턴이란? 디자인 패턴(Design Pattern)은 소프트웨어 개발에서 자주…
react-device-detect로 기기별 최적화된 화면 만들기
2024년 08월 04일
React
Optimization
웹 개발에서는 다양한 기기에 대응하는 화면을 제공하는 것 또한 중요하다. React에서 사용자의 기기 정보를 탐지하여 적절한 UI를 제공할 수 있는 라이브러리인 react-device-detect에 대해 다루어 보았다. react-device-detect란? 몇몇 사이트들은 모바일 접속을 한 경우 특정 창을 띄우거나, 모바일 버…
React로 360도 돌아가는 이미지 구현 (react-360-view)
2024년 07월 13일
React
Javascript
3D
Image
360도 회전하는 이미지를 볼 수 있고, 더 나아가 드래그 이벤트를 통해 그 물체를 조작해 볼 수 있는 기능은 다양한 웹사이트에서 사용되고 있다. 주로 자동차, 신발, 시계 등의 상품을 관찰할 수 있게 서비스하는 경우가 많다. 이 포스트는 360 뷰어를 구현할 수 있는 다양한 방법 중 react-360-view 라이브러리를 통해…
NP-난해와 NP-완전의 혼용
2024년 06월 24일
Algorithm
알고리즘 문제의 복잡성에 대해 이야기할 때, P-NP, NP-완전, NP-난해와 같은 용어들이 등장하게 된다. 외판원 순회, 부분집합의 합과 같은 문제들에 대해 찾아볼 때 각 정보글마다 NP-완전이니, NP-난해니 말이 달라서 혼란이 있었다. 이에 대해 좀 더 조사해 보니, 그렇게 헷갈리게 된 원인이 파악되었다. 이 포스트에서는…
React에서 이미지 Pre Loading 처리 테스트 해보기
2024년 06월 08일
React
Javascript
Image
Optimization
웹 페이지 개발을 하다 보면 이미지의 로딩에 의해 렌더링이 부자연스럽거나 끊기는 현상이 종종 발생한다. 이를 처리하기 위한 다양한 방법 중 프리 로딩(Pre Loading)을 예제를 통해 적용시켜 보았다. Image Pre Loading 이미지 프리 로딩 (Image Pre Loading)이란 사용자가 실제로 요청하기 전에 미리…
정보처리기사 후기
2024년 05월 04일
Certification
정보처리기사 필기, 실기 시험을 모두 응시한 후 가볍게 남겨놓는 포스트 정보처리기사 정보처리기사는 과기부 주관의 한국산업인력공단에서 시행하는 국가자격증 시험이다. 전반적인 IT 프로젝트 업무에 대한 내용이 시험 범위로, 프로젝트의 계획 수립 단계부터 분석, 설계, 구현, 테스트 등 넓은 분야를 얕게 다루게 된다. 이는 공부 범위…
버블, 선택, 삽입 정렬 알고리즘 C, Javascript로 구현하기
2024년 03월 22일
Algorithm
C
Javascript
컴퓨터 과학에서 정렬 알고리즘은 데이터를 효율적으로 정돈하는 핵심적인 작업이다. 이러한 알고리즘은 데이터의 크기와 유형에 관계없이 사용될 수 있으며, 다양한 응용 분야에서 중요한 역할을 맡는다. 버블 정렬, 선택 정렬, 삽입 정렬에 대해 알아보고, 각각 C언어와 Javascript로 나타내어 보았다. 버블 정렬(Bubble So…
소프트웨어 설계 주요 내용
2024년 02월 07일
Computer Science
정보처리기사 필기 1과목 소프트웨어 설계에 나오는 주요 내용들로, 이 포스트는 해당 파트의 기출 내용 전부를 다루고 있지 않다. 소프트웨어 공학의 개념 소프트웨어 공학(Software Engineering)은 소프트웨어의 위기를 극복하기 위한 방안으로 연구된 학문이며 여러 가지 방법론과 도구, 관리 기법들을 통하여 소프트웨어의 …
Dark Theme