컬렉션(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..
Docker & K8sIT 기술은 빠르게 발전하여 변화하고 있습니다. 웹 서비스 분야는 최근 ‘클라우드’와 ‘컨테이너’ 기술의 발전과 함께 더 편리하고 효율적인 서비스 제공이 대세가 되었습니다. 이런 흐름에 맞춰 컨테이너 단위로 서비스를 배포(Deploy)할 수 있어야 합니다. 도커는 가장 대표적인 컨테이너입니다. 또한 여러 컨테이너를 편리하고 효율적으로 관리할 수 있는 오케스트레이션 기술의 대표인 쿠버네티스에 대한 내용도 살펴봅니다.학습 목표컨테이너 기술을 이해할 수 있다.도커의 기본 사용법을 익히고 사용할 수 있다.오케스트레이션을 이해할 수 있다.사전 준비 사항Docker 설치Window 유저용 Docker Desktop 설치 안내MacOS 유저용 Docker Desktop 설치 안내매킨토시 소프트웨..
실습 - 클라이언트 배포S3 호스팅 튜토리얼 배포 완료 확인서버 배포가 완료되었을 때 확인 방법EC2 인스턴스를 통해서 서버를 실행한 뒤 Postman을 이용해 테스트를 진행합니다. 서버 배포 성공 시 'Hello Spring World!' 응답을 받습니다. 클라이언트 배포가 완료되었을 때 확인 방법생성한 버킷의 엔드포인트 주소에 접속하여 아래와 같은 화면이 보이는지 확인합니다.실습 - 데이터베이스 연결RDS 인스턴스 연결 튜토리얼 데이터에 접근할 수 있는 사용자 이름과 DB 비밀번호는 외부에 노출되지 않도록 주의 바랍니다. 서버 환경 설정EC2 인스턴스에서 실행되고 있는 서버는, 그 자체로는 작동하고 있지만, 아직 데이터베이스와 클라이언트에 연결하지는 않았습니다.서버의 환경 설정을 통해 지난 실습에서 ..
