본문 바로가기 메뉴 바로가기

If...Else

프로필사진
  • 태그
  • RSS

If...Else

검색하기 폼
  • 태그
  • RSS

전체 글 (75)
AWS Certified Developer - Associate 합격 후기

회사에서 운영 중인 서비스에서 클라우드 비중이 늘어나고 중요성이 강조되고 있다. 이런 흐름은 우리 회사뿐만 아니라 전반적인 IT 업계 분위기일 것이다. 심지어 평가 항목에도 클라우드 역량 및 학습이 포함되어 버렸다. 이에 따라 타의 반 자의 반으로 자격증 공부를 시작했다. (자격증만큼 뭐 했다고 티 내기 좋은 결과물도 없을 것이다.) 회사에서 필자가 사용하고 있는 AWS 서비스는 아래와 같았다. CodeCommit 활용한 소스 관리 pipeline을 활용한 배포 S3와 CloudFront에서 호스팅 되는 정적 웹 사이트 Lambda, CloudFormation 등 사용해보지 않은 서비스가 많았기에 우선 개념 공부가 필요한 상태였다. 조금 오래전에 발간된 책이긴 하지만 내용을 무료로 제공하는 사이트를 찾을..

2021. 7. 30. 14:57
Visual Studio Code Live Server

1) 설치 좌측 메뉴 중 Extensions 버튼을 클릭 → 검색창에 "Live Server"를 검색 → Install 2) html 파일 생성 Workspace에 html 파일 생성 → html 코드 작성 3) 서버 실행 에디터 영역 마우스 우클릭 → Open with Live Server 클릭 → 서버가 실행되면서 html 파일을 브라우저에서 확인할 수 있다.

2020. 8. 3. 15:21
JSON.stringify 메소드

JSON.stringify 메소드는 값이나 객체를 JSON 문자열로 변환한다 JSON.stringify(value[, replacer[, space]]) value JSON 문자열로 변환할 값 replacer (Optional) JSON 문자열에 포함될 속성을 필터링할 수 있는 함수 및 배열 space (Optional) 가독성을 위한 공백을 삽입하는데 사용되는 문자열 또는 숫자 예제 기본 console.log(JSON.stringify({ x: 1, y: 2 })); // output: {"x":1,"y":2} console.log(JSON.stringify([1, 2, 3, 4])); // output: [1,2,3,4] replacer 함수/배열 사용 var replacerFn = function ..

2020. 7. 29. 10:58
JSONPlaceholder

JSONPlaceholder는 더미 데이터가 필요할 때 사용할 수있는 무료 온라인 REST API이다. 각종 테스트 시 유용하게 사용할 수 있다. (URL : https://jsonplaceholder.typicode.com/) 예제 아래의 샘플 코드를 실행시키면 (jquery ajax) $.ajax({ url: 'https://jsonplaceholder.typicode.com/todos/1', success: function (data) { console.log(data) } }) 아래의 response 값을 받을 수 있다. { "userId": 1, "id": 1, "title": "delectus aut autem", "completed": false } 요청 시 http, https 모두 사용할..

2020. 7. 28. 08:58
Xcode Code Coverage 이슈

Xcode에서 테스트 코드가 없음에도 불구하고 커버리지가 높게 나오는 이슈가 있다. 아래 순서대로 이슈를 재현해보자. 1) CodeCoverage 이름으로 프로젝트를 생성한다. 이때 Include Unit Tests 항목을 체크한다. 2) 커버리지를 활성화한다. Edit Scheme 클릭 Test > Options 메뉴에서 Gather coverage for 체크박스 선택 3) CodeCoverageTests.swift 파일을 열어보자. testExample()와 testPerformanceExample() 함수에 아무런 내용이 없기 때문에 테스트 시 커버리지가 0%가 나올 것으로 예상된다. 4) 테스트를 실행하고 커버리지를 확인해보자. Command-U 단축키로 테스트 실행 show the report..

2020. 7. 27. 08:59
유닛 테스트 시 axios-mock-adapter 활용하기

유닛테스트 시 ajax 호출 후 response data를 사용하는 코드를 테스트 해야하는 경우가 있다. 이때 axios-mock-adapter를 활용하여 dummy data를 생성하고 테스트에 활용할 수 있다. 아래와 같이 API를 호출하는 샘플 코드가 있다. 받아온 data의 trackKind 값에 따라 this.text를 다르게 설정하는 코드이다. export default { name: 'App', data () { return { text: '' } }, created () { axios.get('https://www.googleapis.com/youtube/v3/captions', { params: { key: '...', part: 'snippet', videoId: 'rlR4PJn8b8I'..

2020. 7. 26. 09:34
맥북 hosts 파일 수정하기

1) 터미널 실행 우측 상단 Spotlight(돋보기 아이콘)을 실행한 후 "terminal"을 검색한다. 2) hosts 파일 열기 하단 명령어 입력하여 hosts 파일을 연다. 패스워드는 맥북 패스워드 입력한다. sudo nano /private/etc/hosts 3) 파일 수정 호스트 내용을 편집한 후 저장 ctrl + o를 누른다. File Name to Write: /private/etc/hosts 파일 이름 확인 후 엔터를 눌러 저장한다. ctrl + x를 눌러 편집창을 닫는다. 4) 캐시 갱신 하단 명령어 실행하여 캐시를 갱신한다. dscacheutil -flushcache

2020. 7. 25. 09:23
그림판을 활용하여 이미지 모자이크 처리하기

1) 그림판 프로그램을 실행하고 이미지 파일을 연다. 2) 선택 글자 상단 네모 점선 영역을 클릭하고 모자이크 하고 싶은 영역만큼 드래그한다. 3) 드래그한 영역을 선택하여 작게 줄인다. 4) 작게 줄인 영역을 다시 원래 크기로 늘린다. 움짤로 확인하기

2020. 7. 24. 08:54
이전 1 2 3 4 ··· 10 다음
이전 다음
글 보관함
최근에 올라온 글
최근에 달린 댓글
TAG
  • vue.js
  • css
  • AWS
  • axios-mock-adapter
  • Git
  • nginx
  • JSONPlaceholder
  • javascipt
  • ubuntu
  • JavaScript
  • Android
  • TDD
  • 풋볼매니저 터치 2018
  • 앱링크
  • jekyll
  • chrome
  • html
  • JSON.stringify
  • dev tools
  • 렌더링 이슈
  • 파이어폭스
  • 유닛테스트
  • BASE64
more
Total
Today
Yesterday

Pilot376's Log

티스토리툴바