스택(Stack)스택의 개념과 특징Stack의 정의스택은 쌓다, 누적하다라는 의미를 가지고 있습니다. 마치 접시를 쌓아 놓은 것처럼 데이터(data)를 순서대로 쌓는 자료 구조입니다. 일상생활에서 스택과 유사한 예를 들어보겠습니다:다섯 대의 자동차가 좁은 골목길을 순서대로 지나가고 있습니다. 이 골목길은 한 방향으로만 통행이 가능하며, 골목의 끝은 막혀 있습니다. 첫 번째 자동차가 골목길에 진입하고, 그 뒤를 이어 나머지 자동차들도 순서대로 진입합니다. 그러나 첫 번째 차량이 막다른 길을 만나게 되면, 마지막으로 들어온 다섯 번째 자동차부터 차례대로 후진하여 골목길을 빠져나가야 합니다.Stack의 구조위의 예시에서 골목길을 스택에 비유하고, 자동차를 데이터에 비유할 수 있습니다.이 예시에서 볼 수 있듯이..
알고리즘이란?알고리즘이란 무엇일까?"알고리즘이란 무엇일까?"라는 질문에 대한 답은 매우 중요하며, 컴퓨터 과학 및 수학과 같은 많은 분야에서 기본적인 요소로 작용합니다. 기본적으로, 알고리즘이란 주어진 문제를 해결하기 위한 명확하고 정확한 절차나 규칙의 집합을 의미합니다. 하지만 이 이해를 넘어, 이것은 또한 생각의 표현, 아이디어의 구현, 그리고 복잡성을 단순화하는 방법입니다.알고리즘은 일련의 단계적인 지시사항입니다. 이는 컴퓨터 프로그래밍의 핵심 요소이며, 컴퓨터가 우리가 원하는 작업을 수행하도록 지시하는 방법입니다. 간단한 데이터 정렬에서부터 복잡한 인공지능 알고리즘까지, 모든 컴퓨터 프로그램은 기본적으로 알고리즘의 모음입니다.알고리즘은 일상생활의 모든 측면에도 깊숙이 녹아있습니다. 예를 들어, 조..
컬렉션(collection)리스트(List)리스트란?리스트는 파이썬에서 가장 많이 사용되는 자료형 중 하나로, 여러 개의 값을 하나의 변수에 저장할 수 있는 데이터 구조입니다.리스트는 대괄호([])를 사용하여 정의하며, 각 요소는 쉼표로 구분합니다.리스트의 요소는 다양한 자료형(정수, 문자열, 다른 리스트 등)을 가질 수 있으며, 하나의 리스트에 다양한 자료형을 혼합할 수 있습니다.리스트 생성# 빈 리스트 생성empty_list = []# 정수형 리스트 생성numbers = [1, 2, 3, 4, 5]# 문자열 리스트 생성fruits = ["사과", "바나나", "체리"]# 다양한 자료형을 포함하는 리스트 생성mixed_list = [1, "안녕", True, [1, 2, 3]] 리스트 접근 및 슬라이싱..
파이썬이란?파이썬이란?Python은 웹 애플리케이션, 소프트웨어 개발, 데이터 과학, 기계 학습(ML)에 널리 사용되는 프로그래밍 언어입니다.효율적이고 배우기 쉬우며 여러 플랫폼에서 실행될 수 있습니다.무료로 다운로드 가능하며, 모든 시스템과 원활하게 통합되고 개발 속도를 증가시킵니다.파이썬의 주요 특징해석된 언어: 코드를 한 줄씩 직접 실행합니다. 오류가 있으면 실행이 중지됩니다.사용하기 쉬운 언어: 영어와 유사한 단어를 사용하고, 중괄호 대신 들여쓰기를 사용합니다.동적 타이핑: 변수 유형을 런타임에 결정하므로, 변수 유형을 선언할 필요가 없습니다.고급 언어: 인간 언어에 더 가깝고, 기본 기능에 대해 걱정할 필요가 없습니다.객체 지향 언어: 모든 것을 객체로 간주하지만, 구조적 및 함수형 프로그래밍도..
과제 - React Custom Component지금까지 우리는 컴포넌트 단위로 UI를 개발하는 이유와 컴포넌트 내부에 CSS를 작성하는 방법론인 CSS-in-JS에 대해서 배웠습니다. UI 컴포넌트를 제작하는 React Custom Component 과제를 진행하기에 앞서 다시 한번 필요성을 재고하며 시작해 봅시다.UI 컴포넌트의 필요성UI를 개발해 본 개발자라면 UI 개발은 다른 분야의 개발보다 복잡하고 까다롭다는 사실을 알 것입니다. UI 개발은 도대체 왜 까다로운 걸까요?프로젝트의 상황에서 절대적으로 많은 수의 화면과 복잡한 화면이 문제입니다. 그래서 웹사이트의 모든 화면들을 분석해 보았습니다. 화면을 분석해 보니 몇 가지 패턴들을 발견할 수 있었습니다.[그림] 프로젝트 내부에서 자주 사용되는 U..
Chapter2-4. 컴포넌트 내에서의 AJAX 요청Data Fetching: 필터링 예제 다시 보기목록 내 필터링을 구현하기 위해서는 다음과 같은 두 가지 접근이 있을 수 있습니다.컴포넌트 내에서 필터링: 전체 목록 데이터를 불러오고, 목록을 검색어로 filter 하는 방법컴포넌트 외부에서 필터링: 컴포넌트 외부로 API 요청을 할 때, 필터링한 결과를 받아오는 방법 (보통, 서버에 매번 검색어와 함께 요청하는 경우가 이에 해당합니다)1. 컴포넌트 내에서 필터링처음 단 한 번, 외부 API로부터 명언 목록을 받아오고, filter 함수를 이용합니다.https://codesandbox.io/embed/filter-by-client-vyzdc?fontsize=14&hidenavigation=1&theme=..
React 클라이언트 Ajax 요청이전 학습에서 여러분은 React의 기본적인 개념들에 대해서 배우는 시간을 가져보았습니다.이번 유닛에서는 React 데이터 흐름에 대해서 다시 한번 알아보고, 여러 컴포넌트 사이에서 어떤 방식으로 데이터들을 다루게 되는지에 대한 방법을 배웁니다. 또, Effect Hook과 Ajax를 사용해 서버로부터 데이터를 받아오는 방법에 대해서 학습합니다.Chapter1. React 데이터 흐름Chapter2. Effect Hook과제StateAirline Client: 학습한 내용을 바탕으로 과제를 수행합니다.Chapter1 - React 데이터 흐름Chapter1-1. React 데이터 흐름개념학습 : React 데이터 흐름에 대해 이해합니다.Chapter1-2. State 끌..
[사용자 친화 웹] UI/UX프론트엔드 개발자라면 한 번쯤은 공부하게 될 UI/UX에 대해서 학습합니다. UI와 UX 두 키워드 모두 사용자에게 보이는 화면을 구성하는 방법, 사용자가 사용하게 될 기능을 구현하는 방식과 관련이 있다는 점에서 프론트엔드 개발과 밀접한 관련이 있습니다. 따라서 잘 공부해 두면 더 좋은 프론트엔드 개발자가 될 수 있는 분야입니다. 그럼 UI/UX의 개념, 디자인하는 방법, 평가하는 방법, 디자인 툴 사용법을 배우고 여러 과제를 진행하면서 UI/UX를 익혀봅시다.학습 방법과 도구Chapter1. UI/UX 개념개념학습: UI/UX의 개념과 둘의 관계를 학습합니다.퀴즈: 학습한 개념의 이해도를 확인합니다.Chapter2. UI 디자인개념학습 : 자주 사용하는 UI 디자인 패턴과 ..
Cloud Continuous Integration현대의 개발 업무는 단 한 사람에 의해 진행되는 것이 아니라 협업을 통해서 이루어집니다. 이를 기반으로 Git과 같은 고도의 버전 관리 시스템이 등장하였으며, 이러한 기술을 바탕으로 지속적 통합 (CI)이라는 개발 프로세스가 정립되었습니다. 지속적 통합은 서비스의 전달에 앞서 선행되어야 하는 과정이며, 또한 사람의 실수를 줄이는 자동화의 과정이기도 합니다.이번 시간에는 지속적 통합의 과정을 이해하고 각 단계에서 행하는 일들이 무엇인지 알아봅니다. 또한 작은 애플리케이션을 하나의 배포 가능한 형태(artifact)로 만들기 위해, CI 도구를 이용해서 Workflow를 작성하는 실습을 진행할 것입니다.학습 목표지속적 통합의 필요성을 설명할 수 있다.지속적 ..
SpringBoot 애플리케이션으로 도커 복습https://start.spring.io/에서 SpringBoot 웹 애플리케이션을 생성합니다.프로젝트 생성 후 기본 URL에 Hello Docker! 를 출력하는 API 코드를 작성합니다. localhost:8080에 접속하면 Hello Docker! 가 출력되는 것을 볼 수 있습니다. STEP 1 : 컨테이너에 애플리케이션 배포하기스프링 부트 애플리케이션을 JAR 파일로 생성애플리케이션 빌드를 위해 IntelliJ IDE를 이용해 bootJar를 더블클릭합니다.docker/build에 libs 폴더가 생성됩니다.내부에는 docker-0.0.1-SNAPSHOT.jar 파일이 생성됩니다.생성된 JAR 파일을 통해 컨테이너에 배포docker run -p 808..
