데이터베이스, 데이터 레이크, 데이터 웨어하우스, 데이터 마트 각 용어를 종종 들었습니다. 얼핏 들으면 이해가 되는 것 같으면서도 1~2 문장으로 설명된 개념은 명확하지 않았습니다. 자주 듣는 용어인 만큼 이번 포스트에서 명확하게 정리해보았습니다. 데이터 레이크, 데이터웨어 하우스, 데이터 마트를 간단하게 구별 할 수 있는 기준은 데이터의 범위, 사용자의 범위의 차이입니다. 정확히 어떻게 차이가 나는 거고, 각각은 어디에 … Read more
파이썬 코루틴 (coroutine)은 일반적인 함수와 유사하지만, 실행 중에 중지되고 재개될 수 있는 특별한 종류의 서브루틴(subroutine)입니다. 코루틴은 제너레이터와 마찬가지로 실행의 흐름을 일시 중지하고 다시 시작할 수 있으며, 이는 비동기* 프로그래밍과 관련하여 많이 사용됩니다. 이번 포스트에서는 비동기 프로그래밍을 시작하기 위해 알아야하는 기본 개념. 코루틴에 대해서 정리해보았습니다. 파이썬 코루틴 특징 일시 중지 및 재개 가능 코루틴은 실행 중에 … Read more
처음 혼자 웹 개발을 시작하면 어떤 프레임워크를 선택해서 공부해야 할지가 고민이 됩니다.(뭐가 적합한지 알아야지 선택을 하지…) 많은 프레임워크 중 Flask 또한 매력적인 선택지가 될 수 있지 않을까 싶습니다…! 일단 쉬운 언어인 파이썬이 기반이라는 점. 그리고 사용법도 간단하다는 점! 때문입니다. 이번 포스트에서는 Flask는 무엇이고, 어떻게 시작해야 하는지 정리해보았습니다. 선수 지식 : 파이썬 기초 문법, VScode 사용법 … Read more
콜백은 함수를 다른 함수의 인자로 전달하여, 특정 이벤트가 발생하거나 특정 작업이 완료되면 실행되도록 하는 메커니즘입니다. 이를 통해 비동기적인 작업이나 이벤트 처리 등에 유용하게 활용됩니다… Read more
“javascript Fetch” 에 관해 공부하였는데 “javascript 비동기”, “Promise”, “콜백 함수”, “멀티 스레드”, “async/await” 개념이 튀어 나옵니다… 이렇게 하나의 개념을 이해하는 데 여러 개념이 줄줄이 알아야 하는 경우 골치가 아픕니다. 이번 포스트에서는 아직 잘 이해하지 못한 복잡한 개념은 제외하고 다른 개념들을 이해하는 데 핵심인 “비동기”란 무엇인지 간단한 개념만 정리해보겠습니다. 동기 (Synchronous) VS 비동기 (Asynchronous) 자바스크립트에서 동기(Synchronous)와 … Read more
fetch 함수는 웹 API를 통해 네트워크 리소스를 가져오는데 사용되는 JavaScript의 함수입니다. 이 함수는 Promise를 반환하며, 비동기적으로 네트워크 리소스를 요청하고 응답을 처리할 수 있도록 합니다. Fetch 함수 다음 코드 예제를 통해 Fetch 함수의 작동을 확인 할 수 있습니다. 1 fetch(url): 주어진 url로부터 데이터를 가져오는 네트워크 요청을 시작합니다. fetch는 Promise를 반환하며, 비동기적으로 요청이 완료될 때까지 기다리게 됩니다. … Read more
“Git 시작하기” 처음에는 git을 몰랐고, 초반에는 git을 알고도 많이 활용하지 않았습니다. 지금은 git이 없으면 안됩니다… Git은 버전 관리 시스템(VCS, Version Control System) 중 하나로, 소스 코드 및 파일의 변경 이력을 관리하고 추적하는 도구입니다. 개발 프로젝트에서 여러 개발자들이 함께 작업하거나 소프트웨어의 다양한 버전을 효과적으로 관리할 수 있도록 도와줍니다. 개인적으로 협업까지 가지 않더라도 프로젝트 수준으로 가면 git은 … Read more
다양한 아이콘을 여기저기 구글링 할 필요 없이 구할 수 있게 해주는 게 부트스트랩 아이콘 입니다. “부트스트랩 아이콘”을 이용하여 다양한 아이콘을 웹페이지에 사용할 수 있습니다. 부트스트랩 아이콘 사용하기 Bootstrap Icons · Official open source SVG icon library for Bootstrap (getbootstrap.com) 위의 링크에 접속합니다. 아이콘을 가져오기 위해서는 import를 해줘야 합니다. 여러 방법이 있지만 이번에는 간단하게 CDN으로 import … Read more
“부트스트랩 카드“는 웹 페이지에서 정보를 시각적으로 구성하고 표현할 때 사용되며, 다양한 콘텐츠를 그룹화하고 레이아웃을 형성하는 데 유용합니다. 텍스트, 이미지, 버튼 등 다양한 요소를 카드 내에 조합하여 사용자에게 일관된 디자인과 레이아웃을 제공합니다. 이번 포스트에서는 부트스트랩 카드 구현하는 법을 정리해보았습니다. 부트스트랩 카드 추가하기 https://getbootstrap.com/docs/5.3/components/card/ 위의 링크에서 부트스트랩 메뉴 > Component > Card 로 들어가면 원하는 카드 형식을 … Read more
페이지에서 새로고침 없이 사용자에게 정보를 표시하거나 입력 받을 때는 어떻게 해야 할까요? 정말 여러가지 방법이 있지만 부트스트랩의 “모달”은 이를 정말 쉽게 구현할 수 있게 도와줍니다. 모달이란? 모달창은 웹 페이지에서 부분적으로 띄워진 독립적인 창으로, 주로 정보를 표시하거나 사용자로부터 추가 입력을 받을 때 사용되는 팝업 형태의 UI 요소입니다. 모달 만들기 https://getbootstrap.com/docs/5.3/components/modal/위의 링크로 들어가 원하는 모달창 코드를 복사합니다. … Read more