전체 글 검색 결과
342 개의 검색 결과가 있습니다.
품질 & 테스트/어플리케이션 테스트

[테스트 자동화] Cypress 기본

Cypress란? - 웹이 정상적으로 동작하는지 자동으로 테스트하기 위한 프론테엔드 테스트 도구이다. - JS 기반으로 테스트 코드를 작성할 수 있다. - TDD(Test Driven Development - 테스트 주도 개발)를 위해 사용된다. TDD란? - 테스트 주도 개발을 의미한다. - 구현 기능에 대한 테스트 시나리오 및 코드를 먼저 만들고, 이후에 테스트를 만족하도록 하는 기능을 구현하는 개발 방식이다. - 단기적으로는 코딩 시간이 오래걸릴 수 있지만, 장기적으로는 코드 복잡도와 버그를 줄여주는 효과를 보여준다. 1. react 프로젝트 생성 npx create-react-app cy-macro --template typescript 2. cypress 및 react관련 cypress 모듈 설..

2021. 7. 7. 16:10
클라우드 & DevOps/클라우드 서비스 ∕ AWS

[AWS] 서버리스(Serverless)란?

서버리스란? 서버리스는 클라우드 컴퓨팅의 서비스 모델 중 하나로 사용자가 서버를 직접 관리할 필요가 없는 모델 을 의미한다. IaaS와 같은 모델처럼 트래픽에 따라 사용자가 직접 서버의 가용량을 증가시키거나 감소시킬 필요가 없다는 뜻 입니다. 클라우드 서비스 모델 중 IaaS, PaaS 모델에 비해 경제적이고, 가용성이 좋은 모델이다.사용자는 스케일링, 업데이트, 보안 등 서버에 대해 관리하거나 신경쓸 필요가 없는 모델사용자는 서버를 고려하지 않고, 서비스와 APP의 기능 개발에만 집중하면 됨 서버리스 모델에 대해 오해하기 쉬운 내용 - 서버가 필요 없다? X - 서버를 직접 관리할 필요가 없다? O 서버리스 모델 유형 - 직접 Backend를 구현했는가? FaaS - 제공자의 API를 통해 Backen..

2021. 7. 6. 16:35
개발 일반/회고 및 경험

[인사이트] 개발자의 푸념 그리고 생존법

개발자로 사는 것은 정말 쉽지 않다...!푸념 1.  IT 신기술은 다른 분야에 비해서 너무 빠르게 발전한다.어느 분야든지 기술은 지속적으로 발전한다.그러나 IT기술은 다른 기술들과 다르게 트렌드 주기가 빠르고 빨라도 너무 빠르다. (노양심)프로젝트 2~3개 걸치면서 이제야 능숙해졌는데...불과 3-4년만에 아무도 찾지 않는 구식 기술이 되어 있는 것을 쉽게 볼 수 있다. 개발 언어 또한 편의성 문법을 장착한 새로운 언어가 등장하거나,기존의 언어도 버전이 올라갈수록 고급 문법을 지원하는 방향으로 발전하고 있다.열심히 예약어 공부하느라 진을 뺐는데...이제는 불편하게 이것저것 예약어 남발하는 언어를 다들 싫어한다.  농사로 치면 호미나 삽에 해당하는 개발 언어도 손에 다 익히기도 전에 새롭게 바뀐다. ㅆ...

2021. 7. 6. 11:24
웹 개발/백엔드 일반

[Node.js] nvm이란? Node Version Manager

nvm이란? Node Version Manager의 줄임말로써, Node.js 프로젝트를 수행하면서, 현재 PC에서 사용중인 Node의 버전을 명령어 한줄로 전환시킬 수 있도록 지원하는 Cli이다. nvm 설치 전 주의 사항 - 먼저 기존 Node.js가 설치되어 있으면 삭제해준다. nvm은 기존 node.js와 다르게, 폴더링해서 별도로 동작하는 듯 하다. nvm 설치 - 양자 택일 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash nvm 사용법 및 명령어 - 주요 사..

2021. 7. 5. 13:32
웹 개발/프론트엔드 ∕ React

[React] Cordova로 안드로이드, IOS 버전 만들기

# Cordova란? - 코르도바 프로젝트의 디렉토리 구조 myapp/ //프로젝트 |-- config.xml |-- hooks/ |-- merges/ | | |-- android/ | | |-- windows/ | | |-- ios/ |-- www/ //웹 artifacts를 가집니다. 예를들어 html, css, js 파일들이 해당합니다. |-- platforms/ //프로젝트에 추가하는 플랫폼에 대한 모든 소스코드와 빌드 스크립트를 포함합니다. | |-- android/ | |-- windows/ | |-- ios/ |-- plugins/ |--cordova-plugin-camera/ - 코르도바는 www에 담겨져있는 파일을 가지고 안드로이드 빌드(cordova build android)를 하게됩니..

2021. 7. 2. 23:28
컴퓨터 과학/IT 용어 & 개념 정리

[React] Dom 접근 및 조작

useRef()란? - Javscript, jquery의경우, 특정 DOM을 선택해야하는 경우, getElementById(), querySelector()와 같은 DOM Selector 함수를 활용 - 개발을 하다보면 React 컴포넌트 상에서도 DOM을 직접 선택해야 하는 상황이 발생한다. - 컴포넌트 상에서, DOM에 접근하기 위해 사용되는 React hook 함수이다. - 함수형 컴포넌트에서 사용된다. - 클래스형 컴포넌트에서는 React.createRef() 함수가 사용되지만, 함수형 컴포넌트가 더 자주 사용된다. useRef()의 사용법 - 1. useRef()를 사용하여 Ref 객체를 생성 - 2. 해당 객체를 선택하고자하는 DOM 객체의 ref 속성 값으로 설정(매핑) - 3. Ref객체의..

2021. 7. 2. 15:49