본문 바로가기

Etc

(17)

[Side Project] 가로세로 낱말퀴즈 게임 만들기(01) 2024년 11월부터, 회사 동료분 2명과 함께 사이드 프로젝트를 해보기로 했다.일단 멤버 구성은 프론트는 나, 동료분 2명은 백엔드. 이렇게 3명이서 진행하기로 했다. 퇴근하고 매주 월요일에 온라인 또는 오프라인으로 만나서 기획하고 계획을 세웠다.처음엔 조금 큰 규모의 서비스를 생각하다가, 사이드 프로젝트인 만큼 빠르게 서비스를 배포할 수 있도록더 작은 규모의 서비스 아이디어 회의를 진행했고, 그 결과 가로세로 낱말퀴즈 서비스를 만들어보기로 했다. 퀴즈의 문제는 데이터를 쌓고, 머신러닝을 통해 추후 자동화까지 고려하기로 하였고(콘텐츠의 질과 양이 중요한 서비스이기 때문에)기술 스펙은 다들 각자 해보고 싶지만 실무에서는 경험하기 힘든 최신 기술 또는 본인들이 해보고 싶었던 스펙으로 공부하며 작업을 진행하..

[ 개발도서 추천 ] 리팩터링 2판 회사에서 내가 정말 좋아하는 선임분이 추천해 주신 책.사실 어떻게 코드를 짜야 좋은 코드일까?라는 고민과 생각은 많이 해봤지만, 구체적으로 리팩토링을 하게 될 때, 어떻게 구조를 짜고, 어떻게 효율적으로 구현해야 하는지 깊게 고민해보지는 않았던 것 같다. 그래서 이 책을 읽으면서 리팩토링에 대한 기준과 개선방안에 대해 고민해 보려고 구매하였다. 일단 나는 교보문고 온라인에서 주문하였고, 가격은 31,500원이었다. 출판사는 내가 IT서적을 구매할 때, 가장 좋아하는 한빛미디어 출판이었고, 저자는 무려 '마틴 파울러'이다. 이 책은 자바스크립트로 리팩토링에 대해 설명되어있다. 책의 전부를 읽을 시간이 없다면, 아래와 같이 습득하라고 가이드가 나와있다. 1. 리팩토링이 뭔지 모른다면 1장을 ..

[ 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...

이전 1 2 3 다음

티스토리툴바