재밌고 어려운 IT를 이해해보자~!

CI/CD 란? CI/CD는 지속적 통합(Continuous Integration) 및 지속적 제공/배포(Continuous Delivery/Deployment)를 의미소프트웨어 개발 라이프사이클을 간소화하고 가속화하는 것을 목표로 한다. 지속적 통합(CI)은 코드 변경 사항을 공유 소스 코드 리포지토리에 자동으로 자주 통합하는 사례를 나타낸다.지속적 제공 및/또는 배포(CD)는 코드 변경 사항의 통합, 테스트, 제공을 나타내는 프로세스로, 두 가지 부분으로 구성지속적 제공에는 자동 프로덕션 배포 기능이 없는 반면, 지속적 배포는 업데이트를 프로덕션 환경에 자동으로 릴리스한다  이렇게 연결된 두 사례를 일반적으로 "CI/CD 파이프라인"이라 부르며, 개발 팀과 운영 팀이 DevOps 또는 SRE(사이트 ..

Spring은 스프링 프레임워크의 핵심 모듈을 모아서 만든 프레임워크입다.Spring에서는 개발자가 직접 설정 파일을 작성하여 스프링 컨테이너를 구성하고, 필요한 빈 객체를 등록하고, 빈 객체 간의 의존성을 설정해야 합니다. Spring은 특정한 구성을 위해 추가적인 라이브러리와 설정이 필요 Spring Boot는 스프링 프레임워크를 보다 쉽게 사용할 수 있도록 만든 프레임워크Spring Boot에서는 개발자가 설정 파일을 작성할 필요 없이, 프로젝트의 설정과 라이브러리 의존성을 자동으로 처리해주는 기능을 제공또한, Spring Boot는 실행 가능한 JAR 파일을 만들 수 있다. Spring Boot는 Spring에서 제공하는 여러 기능들을 자동으로 설정하여 개발자가 보다 쉽게 사용할 수 있도록 해준다..

IP란?인터넷에 연결되어 있는 장치(컴퓨터, 스마트폰, 타블릿, 서버 등등)들은 각각의 장치를 식별할 수 있는 주소를 가지고 있는데 이를 ip라고 한다.  예) 115.68.24.88, 192.168.0.1 도메인(domain)이란?ip는 사람이 이해하고 기억하기 어렵기 때문에 이를 위해서 각 ip에 이름을 부여할 수 있게 했는데, 이것을 도메인이라고 한다.도메인이란 간단히 인터넷에서 집 주소와 같은 기능을 하는 “웹사이트의 고유한 이름”이라고 생각하면 된다. (여기서 “집” = “웹사이트”) 컴퓨터 네트워크상에 모든 기계와 장치들이 서로를 인식하고 통신을 하기 위해서 사용되는 유일한 IP 주소(192.0.2.1과 같은 숫자 레이블: 여기 밑에 이미지 참고)보다, 웹 사이트의 이름 및 주소등을 사람들이 ..

B2C IT 회사란?보통 IT업계의 B2C 회사라 하면자체 서비스를 기반으로 다수의 불특정 개인 / 집단을 대상으로 하여 서비스를 제공하는 회사 예를 들어 네이버, 카카오, 구글, 토스 같은 회사개인금융, 검색엔진, 카카오톡과 같은 서비스는 불특정 다수의 일반인을 대상물론 위 회사들도 B2B의 셩격을 지닌 서비스들 또한 제공기본적으로 개인 또한 사용할 수 있는 서비스 형태로 제공 정리하자면 B2C IT회사는 다수의 불특정 개인/집단을 상대로 자체 서비스 비즈니스를 수행하는 회사B2C 서비스는 사용 대상이 명확하지 않으며, 계속 성장해야 한다. B2B IT 회사란?B2C 회사는 B2B의 포션도 많이 갖고 있다.예를 들어 ms office suite와 ms windows os의 경우 민간인에게도 판매하지만,..

데이터 바인딩 키 {{ height }}cm data() > return{ } 에 데이터를 선언 후 html에서 {{ }}(mustach expression)에서 변수를 호출 태그 내부에서 속성으로 사용할 때에는 :를 붙여서 선언 반복문 v-for {{ data }} {{ menuNames[i] }} 반복하고 싶은 태그에 속성으로 v-for을 선언한다. v-for="data in menuNames" :key="data" menuNames의 크기만큼 반복하며 menuNames 배열의 자료가 순차적으로 data에 할당된다. v-for="(data, i) in menuNames" :key="data" 속성에 변수가 하나 추가되었다. index 변수를 추가하고 싶을 때 사용하는 방법으로, m..

클릭, 드레그, 키보드 타이핑 등의 이벤트가 있을 때, 지정한 Javascript 코드를 실행한다. vue에서는 v-on:click 혹은 @click 등의 표현을 사용한다. click="" 안에 함수 넣기 만약 클릭 이벤트로 인해 실행해야 할 코드의 양이 많다면 어떻게 해야 할까? script태그 안에 아래와 같이 methods 를 작성해주면 된다. vue에서 함수 만들고 싶으면 methods : { 함수 () {} } 같이 만들면 된다. 만약 함수의 파라미터로 아무것도 받지 않을 경우, @click="upNum()"이 아닌 @click="upNum으로 써주어야 한다. 또한 함수 안에서 data의 변수를 사용할 때는 this.변수 의 형태처럼 this.를 붙여주어야 한다. {{ menu }} ..

html 에서 배열 데이터 바인딩하기 {{product[0]}} 50 만원 {{product[1]}} 60 만원 {{product[2]}} 70 만원  html과 같이 화면을 구성하다보면 반복되는 태그들이 생긴다. vue에서의 태그 반복문은 v-for이다.  횟수 자리에는 js에 있는 데이터도 넣을 수 있다. 이럴 경우, 자료형 안에 있는 데이터의 갯수만큼 반복한다. 횟수를 숫자로 명시할 때 보다 더 이점이 있다. 작명을 두 개 까지 할 수 있다. 작명 1은 array내의 데이터이고, 작명2는 1씩 증가하는 정수, 즉 array의 인덱스이다. :key=""의 용도 반복문을 쓸 때 꼭 써주어야 한다. 반복문을 돌린 요소를 컴퓨터가 구분할 수 있게 하기..

npm run serve 시 나오는 화면App.vue {{데이터 바인딩}}이렇게 데이터를 바인딩해서 사용할 수 있다. 데이터 보관함 안에 데이터 선언 및 리턴 후 template 태그 안에 {{data}} 해주면 됨. 데이터는 object 자료형으로 저장한다. object 자료형 { 자료이름 : 자료내용 } 작명 : 값 문법을 언제, 왜 쓰는지 알아야 한다 데이터 바인딩의 이유 html에 하드코딩을 하면 나중에 변경이 어렵다. vue의 실시간 자동 렌더링을 이용하기 위해서 뷰는 js의 데이터에 변경이 일어나면 변경 사항이 html에 자동으로 반영된다. 데이터를 변경하면 데이터와 관련된 html에도 실시간으로 반영된다. {{}} 웹앱을 만들 수 있다. 자주 변할 것 같은 데이터들은 js에 데이터로 보..