수복의 프로그래밍 여행기
[NextJS] UI 개발 중 끄적끄적
NextJS 2024. 8. 19. 20:00

개발하다가 정리할 시간이 필요하여 글을 적어봅니다. 내 혼자 볼려고 하는 글이지만, 공개로 해 놓고 언제든지 수정하여 업데이트 할 거에요. //개발해야 할 디자인을 보고 직관적으로 필요한 상태 유무를 유추 간단히 예를 들자면... 체크박스를 생각해봅시다! 체크박스가 있는 상태! 또는 체크박스가 없는 상태! 바로 useState 가 필요하고 들어갈 값은 boolean 이 되겠죠! 또한 버튼을 눌러 수정 및 완료를 하기 위해서도 상태가 필요합니다. 거기에 버튼의 이미지도 달라져야 하기에 그 상태에 맞는 상태가 필요하죠. 이러한 것을 집중(?)해서 연습하다보면, 직관적으로 이런 코드들이 나오지 않을까(?) 하는 그런 맥락적인 부분이 필요하지 않나.. 생각합니다.

[DAP] 데이터 모델링의 이해 - 데이터 모델링 개요
DAP 2022. 3. 3. 20:42

1. 데이터 모델링의 정의 탄생배경은? 프로세스 중심의 정보시스템 분석이나 설계 기법에 문제점이 있다고 생각하여 정보를 중복없이 정확하게 유지 관리가 필요함 또한, 설계나 개발의 문제보단 정확한 업무의 파악과 정확한 분석이 선결되어야 한다고 생각함 따라서, 이러한 환경에 잘 표현할 수 있는 관계형 데이터베이스나 개체 관계 모델링 기법을 발전 시켜 옵니다. 그럼 모델이란? 어떤 대상을 의미하는 포괄적인 의미를 가지는 것으로 실험용이나 축소 모형등의 물리적인 모델과 원형은 그대로인데 조작, 수정, 변경을 통한 경제 모형과 같은 개념적 모델이 있다. 데이터에서 말하는 모델링 정의는? 복작한 현실 세계를 단순화 시키며 현실 세계를 추상화된 반영시킨 것으로 현재 업무를 파악하여 문제점 인식과 개선 사항을 도출하여..

[DAP] 전사아키텍처개요 - 전사아키텍처 정의
DAP 2022. 2. 28. 21:59

전사아키텍처를 정의하고자 할 때 크게 아래와 같이 분류해보았습니다. 왜 도입을까? (도입배경) 그래서 전사아키텍처의 정의란? 전사아키텍처에서 전사와 아키텍처의 개념 추진 현황 또는 방향 도입배경 - 비지니스 복잡도가 증대하고, 업무와 IT 기능분리가 힘듦. - 기업의 환경 변화는 시스템의 변화와 비슷하며, 이러한 기업의 전체 시스템을 쉽게 파악할 수 있도록 필요한 형태로 변화시키기 위해 도입 전사아키텍처의 정의 기업의 목표와 요구를 지원하기 위해 IT 인프라를 체계적으로 기술한 것 비지니스, 데이터, 애플리케이션, 기술과 같이 이해하기 쉽도록 체계적으로 구축하고 활용 IT 투자대비 효과를 최대화 비지니스와 IT를 유기적 연결 비지니스 환경에 신속 대응 및 IT 자체 효율성 증가 우리나라는 업무, 응용, ..

[React] 내가 이해한 React-Dom 정리하기
React 2021. 12. 28. 17:25

React-DOM 공식문서 React를 사용하면 React-Dom을 볼 수 있는데 아래의 공식사이트에서 자세한 것을 알 수 있습니다. React-Dom 공식사이트 설명 ReactDOM – React A JavaScript library for building user interfaces ko.reactjs.org 내가 이해한 React-DOM은? 리엑트는 순수 자바스크립트로 컴포넌트를 만들어 브라우저를 구성합니다. 그런데 브라우저는 CSS, HTML 그리고 순수 자바스크립트를 이용할 수 있습니다. 즉, 위의 3 가지만 브라우저는 이해합니다. 그런데 리엑트를 보면 순수 자바스크립트와 다른 문법을 볼 수 있습니다. 이러한 다른 부분은 Babel 을 통해 순수 자바스크립트로 변환되어야 합니다. 그래야 브라우저..

[React] React 에서 Font Awesome 을 사용하기
React 2021. 12. 21. 02:32

React에서 Font Awesome 을 사용할 경우 이 블로그를 봐주세요! 공식문서 Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com FontAwesome 설치 npm 또는 yarn 을 이용하여 아래와 같은 명령어로 설치 가능합니다. // npm 일 경우 npm i --save @fortawesome/fontawesome-svg-core npm install --save @fortawesome/free-solid-svg-icons npm install --save @fortawesome/react-fo..

[Github] git 상태를 확인할 수 있는 Status 사용하기
Github 2021. 7. 23. 02:06

git의 상태를 확인하는 명령어가 있습니다. git 상태 확인하기 git status 파일이 있다면 현재 파일이 git에 추가되어 있는지도 확인 가능합니다. On branch master No commits yet Untracked files: (use "git add ..." to include in what will be committed) ginsung.txt hanna.txt kosu.txt sujeong.txt nothing added to commit but untracked files present (use "git add" to track) 반복적으로 쓰이는 명령어 단축하여 사용하기 기본 구조는 아래와 같습니다. git config --global alias.단축명령어 status 단축명령..

[GitHub] 초기화 및 삭제방법
Github 2021. 7. 23. 01:17

오늘의 목표 깃 초기화 방법 깃 삭제 방법 깃 초기화 방법 아래와 같은 명령어를 입력합니다. git init 확인 방법은 아래와 같은 명령어를 입력하면 .git 파일을 확인 할 수 있습니다. ls -al 또는 l 일반적으로 파일을 확인하는 방법은 ls 명령어를 사용하지만 .git 파일은 숨겨져 있어서 위와 같은 명령어를 입력합니다. 깃 삭제 방법 삭제를 위한 명령어는 아래와 같습니다. rm -rf .git

article thumbnail
[GitHub for Windows] Cmder 을 이용하여 Windows에서 설정
Github 2021. 7. 22. 17:37

Cmder 설치하기 git 사용자 설정하기 사용자 정보 설정 개행문자 (줄바꿈) 설정 cmder 설치 맥에서 사용하던 명령어를 윈도우에서 사용하고 싶지 않았나요 ?? 물론 Bash 를 설치해서 사용 가능합니다. 하지만 아래의 링크에서 cmder 를 다운받아 설치하면 맥에서 사용하던 명령어를 함께 사용 가능합니다. cmder 다운로드 링크 Cmder | Console Emulator Total portability Carry it with you on a USB stick or in the Cloud, so your settings, aliases and history can go anywhere you go. You will not see that ugly Windows prompt ever again...

[파이썬 AI] 넘파이 (Numpy) 개념, 목적 및 공부
카테고리 없음 2021. 7. 17. 16:55

NumPy 를 파이썬을 이용하여 공부한다면 아래의 링크에서 공부 가능합니다. NumPy quickstart NumPy quickstart — NumPy v1.22.dev0 Manual NumPy provides familiar mathematical functions such as sin, cos, and exp. In NumPy, these are called “universal functions” (ufunc). Within NumPy, these functions operate elementwise on an array, producing an array as output. See also all, any, apply_al numpy.org 그리고 데이터 사이언스 스쿨의 넘파이 배열 프로그래밍에 설..

[MariaDB] SELECT 문을 활용한 데이터 읽기, 조건문 및 정렬
SQL/MariaDB 2021. 7. 13. 03:53

SELECT 문을 이용한 데이터 읽기 SELECT 를 사용한 문법으로 아래의 명령어를 사용합니다. SELECT [필드목록] FROM [테이블] 필드 목록에 * 을 사용하여 전체를 가져올 수 있지만, 내가 원하는 목록만 가져와서 볼 수 있습니다. SELECT name from myclass; +------+ | name | +------+ | Hong | +------+ 1 row in set (0.001 sec) SELECT 문을 이용한 WHERE 조건문 특정한 조건을 이용하여 원하는 데이터를 읽어올 수 있습니다. 예를들어 Grade1 인 학생만 읽어 온다면 아래와 같이 가능합니다. SELECT * FROM myclass -> where className = 'Grade1'; +-----------+--..