본문 바로가기

전체 글

 (143)
AWS AWS? 이전 포스팅에서 클라우드 컴퓨팅에 대한 내용에 대해 다뤄보았습니다. https://dkkim2318.tistory.com/102 클라우드 컴퓨팅 클라우드 컴퓨팅? 개발자는 개발하고 있는 자신의 프로그램을 자신의 로컬 환경에서 개발을 하게됩니다. 물론 본인만이 사용하는 프로그램이거나, 본인의 역량을 키우기 위한 프로젝트라면 dkkim2318.tistory.com Aws(Amazon Web Service)는 아마존닷컴 이라는 전자상거래 기업 사이트에서 운영하는 클라우드 컴퓨팅 서비스 입니다. 클라우드 컴퓨팅은 전통적인 데이터센터에서 운영되는 방식과 달리 사용할 만큼만 계약하고 요금을 지불하는 방식의 서비스 입니다 그 중 전세계에서 가자 보편적이고, 수많은 API를 제공하느 서비스 입니다. AWS에 ..
클라우드 컴퓨팅 클라우드 컴퓨팅? 개발자는 개발하고 있는 자신의 프로그램을 자신의 로컬 환경에서 개발을 하게됩니다. 물론 본인만이 사용하는 프로그램이거나, 본인의 역량을 키우기 위한 프로젝트라면 고려해야할 부분은 아니지만, 일반적으로 it 회사에서 개발자로서 일한다는 것은 조직이 만들어 내는 프로그램을 다른 여러 사람들도 접속 할 수 있도록 서버를 구축하는 것이 필요로합니다.(웹사이트& 앱 등을 서비스 한다거나 등등...) 서버를 구축하고 서비스 하며 배포하는 방법에는 여러 방법이 있습니다. IDC(데이터센터)를 두는 전통적인 방법이라면 기업의 장비를 IDC 서버실에 입주를 하여 장비를 임대 및 관리해주는 서비스를 받는 방법이 있고, 기업 자체내에서 서버장비를 운용하는 경우도 있을 수 있습니다. 여러방법들 사이에서 최근..
화면설계와 프로토타이핑 IT 현업에 계신 개발자라면, 특히 SI에 종사하고 있는 개발자라면 화면설계서 또는 화면 정의서를 작성하는 경우가 많을 겁니다. SI가 아니더라도 기획 단계에서 화면을 작성하는 경우도 있을 것이고, 이는 클라이언트들에게 개발팀이 만들어낼 산출물을 추상적으로 보여주는 역할을 수행합니다. 보통 경험상 이러한 작업물을 통상적으로 '프로토타입' 이라고 칭하며 파워포인트 또는 여러가지 툴등을 통해 프로토타입을 만들어 냅니다. 프로토타입 프로토타입의 사전적인 의미는 원래의 형태 또는 전형적인 예. 기초 또는 표준 을 의미합니다 이는 위에서 언급한 대로 시제품이 나오기 전 제품의 미완성 초기 모델이라고 볼 수 있습니다. 프로토 타입은 보통 일반적으로 4가지 단계를 거쳐 만들어 집니다 1단계 : 기본적인 사용자 요구를..
Hooks Hooks는 리액트 v16.8에 새로 도입된 기능으로 함수 컴포넌트에서도 상태관리, 렌더링 직후 작업을 설정하는 기존에 되지 않았던 기능들을 지원하게 됐습니다. useState 가장 기본적이며 이미 함수 컴포넌트에서 여러번 사용해 봤던 hook입니다. 간단하게 코드로 살펴보자면 import React, { useState } from 'react' const Counter = () => { const [value, setValue] = useState(0); return ( 현재 값은 {value} 입니다. setValue(value +1)}>+ setValue(value -1)}>- ) }; export default Counter; 위 코드르 생성한 코드는 브라우저 상에서 위와 같은 컴포넌트를 생성하..
폭포수 vs 애자일 소프트웨어 개발 프로세스 소프트웨어 개발 프로세스는 소프트웨어 제품을 개발하기 위해 필요한 과정 또는 구조를 일컷는 말입니다. 우리가 일반적으로 소프트웨어를 개발할 때의 과정에 대해 생각해보면 어떤 소프트웨어를 만들지 ? , 결정은 했는데 어떤 언어로 개발하지? 업무 분담은 어떻게 해야하지? 다 만들었으니 테스트 해봐야지 ... 등등 여러 과정을 거쳐 개발을 진행할 것 입니다. 사실 소프트웨어 개발 프로세스에 어떠한 정답은 없습니다. 소프트웨어를 개발하는 주체가 하는 일련의 과정들이 곧 프로세스이고 모든 소프트웨어는 과정을 거쳐 완성이 되게 됩니다. 그렇지만 매번 개발을 진행할때마다 즉흥적인 개발을 하는 것은 모험에 가깝습니다. 특히, 자본과 직결된 회사에서는 더더욱 해당되는 이야기일 것이고요... 이에..
소프트웨어 개발방법론의 종류 소프트웨어 개발방법론 소프트웨어 개발방법론이란 소프트웨어를 개발하는 방법에 대한 이론으로서 소프트웨어 개발과정, 절차, 방법, 산출물, 기법 도구들을 체계적으로 정리하고 표준화시킨 것을 의미합니다. 산업화가 진행되고 IT 산업이 육성이 활발하게 진행이 되면서, 소프트웨어 개발의 역사는 어느덧 1960년대를 시작으로해 현재 2020년대까지 현재진행형으로 발전하고 있습니다. 역사적으로 어떤 방법론이 유행을 했는지 그 배경이 무엇인지를 알아보기에는 학문적으로 깊이 파고들어야할 주제이기 때문에 해당 포스트 에서는 소프트웨어 개발 방법론의 종류를 알아보고 다음 포스트 부터는 현재 많은 기업들에서 채택하고 있는 개발모형인 폭포수와 애자일에 대해 다뤄보려고 합니다. 소프트웨어 개발방법론의 종류 개발 방법론의 종류는 ..
라이프사이클 메서드 라이프사이클 메서드 리액트에는 총 9가지의 라이프사이클 메서드가 존재합니다. 또한 이는 크게 3가지, 마운트 / 업데이트 / 언마운트 카테고리로 나뉩니다 . 첫번째 마운트(Mount) 는 DOM 객체가 생성되고 브라우저에 나타나는 것을 의미합니다. 이때 호출되는 메서드는 다음과 같습니다. 컴포넌트 만들기 constructor : 컴포넌트를 새로 만들 때마다 호출되는 클래스 생성자 메서드(생성자 함수) getDerivedStateFromProps : props에 있는 값을 state에 넣을 때 사용하는 메서드 render : 우리가 준비한 UI를 렌더링하는 메서드 componentDidMount : 컴포넌트가 웹 브라우저상에 나타난 후 호출하는 메서드 먼저 코드를 통해 마운트 과정에서 호출되는 메서드를 알..
이벤트 핸들링 웹 개발에서의 event는 웹 브라우저에서 DOM 요소들과 상호 작용하는것을 의미합니다. 다른 포스팅 에서 button클릭이라던가, 키보드 입력, 마우스 커서 이동 등등 많은 이벤트 요소들이 있습니다. 이번 포스트에서는 과연 리액트에서는 이러한 이벤트 핸들링을 어떻게 처리하는지에 대해 다뤄보겠습니다. 리액트에서의 이벤트 핸들링 일반적으로 웹개발을 해보신 분이라면 HTML에 기본 이벤트 인터페이스들에 익숙할 것입니다 리액트에서는 해당 이벤트 핸들링 방법이 HTML과 동일하기 때문에 문법을 숙지하는 것은 어렵지 않으나 주의해야할 사항들이 몇가지 존재합니다. 이벤트 이름은 카멜 표기법으로 작성한다 ex) onclick ->onClick , onkeydown-> onKeyDown 이벤트에 실행할 자바스크립트 코..

티스토리툴바