[Rookies 개발 2기] DevOps 개념과 도구 (3)
·
SK 루키즈/Cloud
자 이번에 알아가게 될 건 자동화 도구다. Build다들 프로젝트 경험이 있고, JAVA 혹은 Spring을 써봤다면 Maven, Gradle을 본 적이 있을 것이다. 이는 모두 build 자동화 도구로 각각 설명하겠다. Maven 이란?Maven은 Java 기반의 프로젝트 관리 도구이자 빌드 도구이다. Maven은 프로젝트의 빌드, 의존성 관리, 배포, 문서화 등을 자동화하는 데 사용된다. Apache Software Foundation이 개발하였으며, Gradle이 등장하기 전에 가장 널리 사용된 빌드 도구였다. 주요한 기능은 Maven은 프로젝트에서 사용할 모든 설정을 pom.xml 파일에 정의한다. 이 파일에는 프로젝트의 의존성, 빌드 설정, 플러그인, 리포지토리 정보 등이 포함되어 프로젝트 설정..
[Rookies 개발 2기] DevOps 개념과 도구 (2)
·
SK 루키즈/Cloud
DevOps의 기원DevOps라는 용어는 2009년에 Patrick Debois와 Andrew Clay Shafer가 벨기에의 Agile 컨퍼런스에서 "Agile Infrastructure"라는 주제로 발표하면서 처음 소개  되었다. DevOps는 개발(Development)과 운영(Operations)의 합성어로, 두 팀 간의 협업을 강화하여 소프트웨어 개발 및 배포 주기를 단축하고 품질을 향상하기 위해 사용된다.단절된 개발과 운영간의 프로세스를 경계 없이 연결하고 자동화 방법을 통해 효율성을 극대화하는 일종의 방법론이자 문화이다. 과거에는 신규 서비스를 출시하기 위해 코드 개발 및 테스트에 매우 많은 시간을 투자하여 오랜 시간이 걸리고, 한 번에 오류 없이 사용자에게 안정적인 서비스를 제공하기 위해 ..
[Rookies 개발 2기] DevOps 개념과 클라우드 서비스 (1)
·
SK 루키즈/Cloud
DevOps 란?DevOps는 더 빠르고 더 나은 애플리케이션을 개발하고 신규 또는 개정된 소프트웨어 기능이나 제품을 고객에게 더 빠르게 릴리스하도록 지원하는 진보적 철학 및 프레임워크이다. 설명하기에 앞서 최근 2024년 7월 19일 오후 3시 30분경, 미국 마이크로소프트(MS)의 클라우드 서비스 ‘Azure’에 생긴 장애로 전 세계 곳곳의 IT 시스템이 멈추는 사고가 발생했다. 다들 IT에 관심있다면 알 정도로 유명한 사건인데 이 사건으로 인해 세계의 각 유명 공항들은 이륙을 중단하고 항공편과 배송등 다양한 지연 문제가 생겼다.   이 사건으로 인해 MS사의 Azure를 쓰는 테슬라 또한 가동이 중단되었으며 생산라인과 거래시스템이 멈춰 주가에도 큰 영향을 받았었다. 원인은 백신 프로그램으로 미국의 ..
[Rookies 개발 2기] 프론트엔드 구조
·
SK 루키즈/FE
1. 프론트엔드 기본 구성 요소프론트엔드는 주로 다음 세 가지로 구성된다.  1. HTML (HyperText Markup Language)구조와 콘텐츠를 담당하는 언어다.웹페이지의 뼈대 역할을 하며, 텍스트, 이미지, 멀티미디어와 같은 콘텐츠를 포함한다.주요 태그는 구조(div), 입력(input, select), 전송(form), 정보 표시(p, img), 이벤트(button), 외부 자원 참조(script) 등을 포함한다.HTML5는 웹의 표준으로 자리 잡으며, 반응형 웹, 멀티미디어, 2D/3D 렌더링(canvas) 등을 지원한다. 2. CSS (Cascading Style Sheets)디자인과 레이아웃을 정의하며, 반응형 웹 구현과 애니메이션을 포함한다.CSS는 HTML의 요소를 선택해 스타일을..
[Rookies 개발 2기] 웹서비스는 어떻게 움직일까?
·
SK 루키즈/FE
설명에 앞서먼저 설명에 앞서 이후 내용은 아래의 책과 Rookies 개발 2기 수업을 통해 진행하겠다. 웹서비스란?우리가 흔히 웹서비스라 함은 PC나 모바일 등을 통해 브라우저(크롬, 엣지, 사파리 등)로 원하는 서비스를 이용하는 것을 말한다.우리는 원하는 서비스를 이용하기 위해 주소창에 도메인을 입력한다. 예를 들어, `https://www.skshieldus.com/` 같은 URL을 입력하고 엔터를 누르면, 이 행위가 바로 `요청(Request)`이다. 또는 브라우저에서 검색 후 원하는 결과를 클릭해도 같은 방식으로 요청이 이루어진다. 웹서비스의 처리 과정웹서비스는 사용자가 요청을 보내고, 서버가 이를 처리한 뒤 응답을 보내주는 구조로 이루어진다. 이 과정을 단계별로 살펴보자. 1. 브라우저에서 요청..
[Rookies 개발 2기] 프론트엔드를 위한 세팅(Node.js 및 Vscode설치)
·
SK 루키즈/FE
1. NodeJSNodeJS란? Node.js는 서버 측 애플리케이션을 개발하기 위한 JavaScript 런타임 환경입니다.주로 비동기 I/O 기반의 네트워크 애플리케이션을 개발하는 데 사용됩니다.설치 방법https://nodejs.org/en Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org   1. Node.js 사이트에 접속합니다.   그다음 Download Node.js를 설치 후 실행합니다.설치에는 별다른 버튼을 누르지 않고 쭉 설치해 줍니다. 전부 설치 후에 윈도우+R을 입력하고 cmd를 실행시켜 줍니다. 저는 맥 환경이기 때문에 터미..