본문 바로가기

Etc

(15)

[ Dev Tools ] 개발 툴 추천. Lazy Git 오늘은 회사 동료분이 추천해 준 개발 툴, Lazy Git에 대해 포스팅하려고 한다. Lazygit은 이름처럼, git을 더욱 편리하게 사용할 수 있도록 도와주는 도구이다. CLI를 이용하여 git을 사용하는 개발자들이 보다 편리하게 사용할 수 있도록 만들어졌는데, 대표적인 기능은 다음과 같다. Stage Individual Lines ( 스테이지 개별 선택 기능 ) 스페이스를 눌러 선택한 라인을 스테이징 하거나, v를 눌러 라인 범위 선택을 할 수 있다. 또한 a를 눌러 현재 hank 전체 선택도 가능하다. Interactive Rebase ( 양방향 리베이스 ) i를 누르면 양방향의 리베이스가 시작된다. 그런 다음 스쿼시(s), fixup(f), drop(d), edit(e), move up(ctrl..

[Docker] Docker 와 CI CD <01> 이라는 인프런 강의를 들으며 복습 및 정리를 위한 포스팅. 도커란 무엇일까? 도커란 컨테이너를 사용하여 응용 프로그램의 생성, 배포, 실행을 더 쉽게 할 수 있도록 설계된 도구이며, 컨테이너 기반의 오픈소스 가상화 플랫폼 & 생태계이다. 도커를 사용하면 프로그램을 다운받는 과정을 엄청 간단하게 만들 수 있는데, 이렇게 간단하게 만들 수 있는 이유는 애플리케이션과 그에 필요한 모든 종속성을 하나의 컨테이너로 묶어 환경을 일관되게 유지하고, 어디서든 동일한 환경에서 실행할 수 있게 되어, 각각 로컬의 서버, 패키지버전, 운영체제 등등에 따라 발생할 수 있는 여러가지 에러를 없앴기 때문이다. 컨테이너란 무엇일까? 컨테이너의 일반적인 개념은, 우리가 선박이나 차량, 기차등의 운송수단으로 짐을 옮길 때, 여러가지..

[ TS ] TypeScript 5.4 새로운 기능 알아보기. 2024년 1월 24일 타입스크립트 5.4 베타 버전 발표가 있었다. 이 포스팅은 해당 블로그를 보고 공부하고자 파파고와 함께 번역하며 옮긴 글이다. (※오역 주의) 우선 TypeScript 5.4 beta 버전은 아래의 명령어를 통해 다운받을 수 있다고 한다. npm install -D typescript@beta TypeScript 5.4의 새로운 기능을 간략하게 소개하면 아래와 같다. 1. Preserved Narrowing in Clousures Following Last Assignments 마지막 할당 후 클로져에서 범위가 좁아지도록 타입을 유지(보존)하다. 2. NoInfer Utility Type NoInfer 유틸리티 타입 3. Object.groupBy and Map.groupBy O..

[ Safari ] 아이폰의 사파리 모바일 웹 디버깅 하는 방법 아이폰으로 모바일 사파리 웹의 디버깅을 맥북을 이용하여 하는 방법. 1. 아이폰의 설정앱을 연다. 2. 설정의 Safari - 고급에서 웹 속성 설정을 활성화 한다. 3. 케이블을 사용하여 맥북에 연결한다. 4. 맥북에서 사파리를 열고 메뉴 탭에서 개발자용 탭을 확인한다. 5. 맥북 사파리의 환경설정 - 고급 - 메뉴 막대에서 개발자용 메뉴 보기를 활성화 한다. 6. 맥북 사파리의 개발자용 탭에서 iPhone을 선택한다. 7. 아이폰의 사파리 웹페이지를 탐색하며, 맥북 사파리로 개발자용 콘솔을 통해 디버깅을 한다.

[ 책 추천 ] 이펙티브 타입스크립트 올해 1월 말부터 얼마 전까지 진행했던 Learning React(러닝 리액트) 책 스터디 팀과 러닝 리액트 책 스터디를 마치고, 3월부터 새롭게 시작하는 라는 책을 스터디 시작 전에 미리 훑어보았다. 타입 스크립트는 내가 실무에서도 자주 쓰고, 스터디에서 프로젝트를 할 때도 사용했었는데, 강의를 들은 것 빼고는 깊게 공부한 기억이 없어서 굉장히 좋은 기회가 될 것 같아서, 책 스터디가 기다려진다. 책의 목차를 간단히 소개하면 아래와 같았다. 1장 타입스크립트 알아보기 2장 타입스크립트의 타입 시스템 3장 타입 추론 4장 타입 설계 5장 any 다루기 6장 타입 선언과 @types 7장 코드를 작성하고 실행하기 8장 타입스크립트로 마이그레이션하기 사실 회사를 다니면서 매주 정해진 분량의 책을 읽고 내용 ..

[ 책 추천 ] Learning React 작년에 했던 JavaScript Deep Dive 책 스터디 팀과 함께 2023년은 Frontend 연속 책 스터디를 하게 되었다. 2023년 1월 ~ 2월 까지는 Learning React(러닝 리액트)라는 책을 공부하기로 했는데, 이번 기회에 처음 알게 되어 책을 읽어보니 빠르게 변화하는 프론트엔드 프레임워크나 라이브러리를 도서로 구매하여 읽는다는 것이 조금 별로라고 생각했던 나에게도 괜찮게 느껴지는 책이었다. 2022년 3월 20일에 2판 2쇄가 발행된 책인데, 최신 자바스크립트의 핵심 설명뿐만 아니라 함수형 프로그래밍에 대해 소개하며, 리액트의 최신 기술들도 소개한다. 책의 목록을 간단히 소개해보면 1. 리액트 소개 2. 리액트를 위한 자바스크립트 3. 자바스크립트를 활용한 함수형 프로그래밍 4...

[ AWS ] S3 객체 삭제에 대한 대처 방법 현재 회사에서 리소스를 저장하기 위해 AWS S3를 사용하고 있다. 평화로운 수요일 오후 4시 16분. 개발팀의 신입 개발자분이 AWS CLI를 통해 S3에 저장된 객체들을 일괄 삭제 해버렸다. aws s3 sync s3://Repo이름 --delete --no-progress --exclude '.*' 위의 명령어를 입력하여 삭제 하려는 폴더가 아닌 전체 영역에 대한 삭제 명령을 날려버렸다고 한다. 본인이 삭제하려는 폴더뿐만 아니라, 다른 폴더들까지 실시간으로 삭제되는 것을 보면서 뭔가 잘못되었다는 것을 깨달은 그는 급하게 해당 명령을 정지시켰고, 우리가 사용하는 리소스들이 이름 내림차순으로 삭제되었다. 총 6개의 폴더가 삭제되었고, 당황하여 스스로 해결해 보려고 했지만 해결하지 못하였고, 개발팀 전체..

[ Xcode ] iOS DerivedData 빌드 오류 해결 DerivedData 삭제 방법! Flutter나 React-Native를 이용해서 iOS 시뮬레이션을 이용하거나 디바이스를 이용해서 빌드를 하려고 할 때, 가끔 마주하게 되는 오류가 있는데, 바로 DerivedData 에 대한 오류이다. 그럴 때 내가 가장 먼저 하는 방법은 DerivedData 를 삭제해주는 것이다. 1. Xcode의 메뉴에서 Xcode - Preferences... 선택 2. Preferences... 의 Loacations 선택 ▸ DerivedData 의 경로에서 작은 화살표 버튼 클릭. 3. DerivedData 폴더 삭제 ! 이렇게 하고 다시 빌드해보면 DerivedData 관련 오류가 나오지 않는다 -! 👍

이전 1 2 다음

티스토리툴바