'개발/Etc...' 카테고리의 글 목록 (2 Page)

[git/깃] cherry-pick(체리픽) 하기 : 개별 커밋 적용하기

2023.05.10· 개발/Etc...

운영 서비스와 스테이지 단계 서비스의 간극이 날이 갈수록 심해지고 있다. 기존의 운영되는 서비스의 수정이나, 버그 혹은 새로운 기능을 추가해야할 때 난감할 때가 있다. 새로운 브랜치에서 작업을 하고 스테이지 단계에서 QA 후에 진행을 해야하다보니 꼬여서 스테이지에 있는 운영 서비스에는 없는 파일이 merge 되어있을 때도 있고 알게모르게 이상하게 꼬일 때가 있다. ...안 생길것 같은가? .... 생긴다. 왜냐 대부분은 협업을 하니깐 말이다 .... ㅎ..... 예상치못하게 생긴다아아아아 무튼 이런 난감한 상황에서 해당 작업 커밋들만 cherrypick이라는 것으로 뽑아내서 운영 서비스에 merge 시켜버린다. Cherry Pick (체리픽) - 특정 commit만을 가져오는 것 ▶ Cherry Pick..

2022년 하반기 회고

2023.01.29· 개발/Etc...

이걸 할까?말까?를 엄청 고민하다보니 2023년 1월의 끝이 다되었다. 👀 시간의 흐름 무엇 늦었지만 짧게 회고해볼까한다. 2022년 하반기 상반기 회고를 쓰면서 몇 가지 다짐했던 일들이 있다. 1일1코테, 인스타툰, 공부블로그, 꾸준한운동 등이 있었다. 이중에서 그나마 열심히 했던건 꾸준한 운동 아닐까싶다. 1일일코테는 11월부터 본격적으로 leetCode를 통해서 시작했지만 여전히 바보수준이다.^^....하하하하... 1일1코테 나의 2022년 깃헙 잔디밭이다. 11월 중순부터 뭐가 계속있는데, 저때부터 leetcode로 기록을 남기기 시작했기때문이다. 코딩테스트 공부는 여전히 나에게 어떻게 접근해야할지 모르겠는 아이다. 여러가지 루틴을 접하면서 문제를 풀어가고 있지만 머릿속에 쏙 쏙 박히지 않고 여..

LeetCode - Github 연동하기 (코테를 기록하자!!)

2022.11.18· 개발/Etc...

상반기 회고록을 보다가 하반기에 코테를 하루에 한개씩 하겠다는 어리석은(?!) 과거의 나 자신이 내뱉은(?!)은 말을 보았다. 손가락을 분지르던가해야지... ...... 그렇다 반응을 보면 알겠지만 안했다. 아니다 못 했다로 정정하겠다. 나약한 나 녀석! 정신차려랏!! 너무 정신이 없었다.라는 건 변명이기도하고...의미없는 변명은 집어치우자. 아무튼 뒤늦게 내가 쏟아낸 하반기 게획을 보다가 한달 하고 조금 더 남은 2022년. 마지막까지 최선을 다해보자라는 마음으로 LeetCode 에 접속했다. 코테를 좀더 효율적인 방법으로 할 수 없을까? 고민하다가 github에 남기자라는 생각을 하게 되었고, leecode는 github과 자동연동을 할 수 있다고 해서 ! ㅇㅋㄷㅋ LeetCode와 github을 연..

[Github] 깃허브 원격 저장소 fork 하는 방법! (feat.오픈소스 기여 && hacktoberfest)

2022.10.23· 개발/Etc...

우연한 기회에 개인적으로 정말 너무너무너무너무너무x100 좋아하는 멘토님이 이야기를 해주셔서 hacktoberfest 라는 행사를 알게 되었습니다. 10월 한 달간, 오픈소스에 기여해서 뱃지를 총 4개 받으면 티셔츠와 스티커 같은 굿즈를 받을 수 있는 행사랍니다. 평소에 오픈소스에 기여해보고 싶다!😗 라는 막연한 생각만을 가지고 있었는데, 올해 행사는 번역 같은 거라던가, 문서 작성과 같은 비개발분야도 참여할 수 있다고 해서 한번 도전해보았답니다! 참여 후기는 따로 적지 않을 예정이라서 이 포스트에 함께 기록해보려고 합니다. 일단 공식 사이트(https://hacktoberfest.com)에서 등록을 하시면 요런 프로필 섹션이 생성된답니다. 저는 제 깃헙으로 계정을 만들어서 깃헙 프로필이 뜨네요 사진 아..

[Git] hotfix / 핫픽스란?

2022.09.16· 개발/Etc...

📢 프로덕션 운영 배포를 위해서 스테이지에 먼저 배포를 하고 그 스테이지 배포를 위한 브랜치 develop에 모든 작업들을 우선적으로 merge 했었는데, 다른 프로젝트로 인해서 master와 develop의 버전 차이가 있어서 급하게 master에서 hotfix 브랜치를 따서 작업을 진행해야 했다. 이미 배포되어있는 버전에서 급한 문제나 버그가 생기면 해결하기 위해서 쓰는 전략을 이야기하는 것이 hotfix입니다. 주로 브랜치로만 작업을 해왔기에 무엇인지 정확하게 인지하기 위해서 조사를 했다. 시니어 : '핫픽스 따서 진행해주세요~' me : ?????????????? Hotfix는 짧은 호흡의 브랜치로 develop에서 따는게 아니라 master에서 따서 만들어지고 합쳐진다. 그리고 develop에도..

2022년 상반기 회고록 - 주니어 개발자가 되다

2022.07.16· 개발/Etc...

벌써 7월의 반이 지나갔다. 거창한 것은 없지만 이제야 상반기 회고를 시작해보려고 한다. 주니어 개발자가 되다 작년부터 염원해오던 일이 이루어졌다. 다른 사람들 취업 후기에서나 보던 골라서 취업하던 상황이... 나에게도 비슷하게 일어났다!! 😲 더 좋은 조건에 회사를 포기하고 지금 회사를 선택했는데, 지금 회사가 훨씬 비전이 있어 보였고 현재 함께하고 있는 내 나이 또래의 동료들이 좋았다. 물론 정말 내 나이 또래는 다 5년 차 이상의 경력자들이다. ㅎㅎㅎ..... (나이가 뭣이중한디!!!) 더 높은 연봉을 제시했던 곳은 팀원들이 다 나가서 다시 셋업 중인 곳이라서 빠르게 무언가를 배워나가기에는 무리가 있을 것 같다는 생각이 들어서 현재의 회사에 남았다. 연봉은.... 앞으로 계속 오를 테니... (....

git branch 만들기 / branch 이름 변경하기

2022.06.23· 개발/Etc...

사실, 내가 기억하고 싶어서 만드는 포스팅 😅 ✅ git branch 만들기 주로 터미널에서 명령어로 적어서 진행하는 경우가 많죠? 저도 git 만들때 명령어가 너무 어렵게 느껴졌는데 계속 쓰다보니 명령어가 아니면 불편한 지경이 된 것 같아요. 프로젝트를 진행하다보면 브랜치를 생성해서 세분화해서 작업하는 경우가 많답니다. 아래의 명령어를 넣어주시면 branch가 만들어집니다. 그리고 그 브랜치로 경로가 변경되어있습니다. git checkout -b 현재 어디에 있는지 확인해보고 싶다면 git branch 를 넣어보시면 현재 어느 브랜치에 있는지 확인하실 수 있어요 만약에 브랜치를 변경하고 싶다?! 그러면 switch를 써주면 됩니다 git switch ✅ git branch 이름 변경하기 브랜치를 만들었..

[TypeScript] 타입스크립트 기본 (Literal Types / Union Types / Intersection types)

2022.06.08· 개발/Etc...

▪ Literal types const userName1 = "Bob"; let userName2 = "Tom"; const는 상수로 변하지 않는 값을 선언할 때, let는 재할당이 가능한 값을 선언할 때 사용합니다. 저 상태에서 VSC같은 에디터에서 마우스를 올려보면 const는 "Bob"이라고 선언 된 값이 뜨고, let은 let userName2 : string이라는 타입 값이 뜹니다. let은 언제든 다른 값으로 변할 수 있기 때문입니다. userName2 에 숫자를 넣고 싶다면? let userName2 : string | number = "Tom"; 이렇게 타입을 둘 다 명시해줍니다. type Job = "police" | "developer" | "teacher"; interface User..

babel.config.js vs .babelrc

2022.06.02· 개발/Etc...

1. 바벨(babel)이란? ▪ 브라우저나 플랫폼마다 보여지는 모습이 다른 경우가 많다. 이러한 차이를 최소화하여 브라우저, 환경에 영향을 덜 받고 해당 웹 서비스를 사용할 수 있게 최적화를 하는 작업을 크로스 브라우징이라고 한다. 프론트엔드 개발자들에게는 크로스 브라우징 이슈는 코드의 일관성도 어렵게 만들고 혼란스럽게 하는 요소 중에 하나이다. 이런 크로스 브라우징 이슈를 해결하기 위해서 만들어진 툴이 바벨이다! ES6+ 버전의 자바스크립트나 타입스크립트, JSX 등 다른 언어로 분류되는 언어들에 대해서도 모든 브라우저에서 동작할 수 있도록 호환성을 지켜준다. 코드를 변화시키는 트랜스파일러의 역할을 한다. 바벨 설정을 할 때 두가지로 나뉩니다. 두가지 파일 포맷은 단독으로 쓰일 수도 있고, 함께 쓰일 ..

dependencies와 devDependencies 차이

2022.03.30· 개발/Etc...

이 두가지의 차이점은 실제 상품에서 사용할 패키지와 개발용 패키지의 차이이다. 개발시 필요한 라이브러리들은 devDependencies에 적어주고, 진짜 기술스펙으로 사용되어야 할 라이브러리들은 dependencies에 설치해준다. 즉, 어떤 라이브러리가 프로젝트의 컴파일(빌드)타임에 필요하며, devDependencies에 넣고, 런타임에도 계속 쓰이는 것이면 denpendencies에 넣는다. 구분해서 저장하는 이유 개발용 라이브러리와 배포용 라이브러리를 구분하는 이유는 어플을 빌드하고 배포할 때, dev에 들어가는 개발용 라이브러리는 포함시키지 않고 빌드하기 때문이다. 그렇기때문에 어플의 로직과 연관이 없다고 판단되는 라이브러리가 있다면 devDependencies에 넣어주는 것이 좋다.

[알고리즘/JavaScript] 순열 함수

2022.03.10· 개발/Etc...

순열 1. 서로 다른 n개의 물건 중에서 r개를 택하여 한 줄로 배열하는 것을 n개의 물건에서 r개 택하는 순열이라 하고, 이 순열의 수를 기호로 nPr와 같이 나타낸다. 2. 서로 다른 n개에서 r개를 택하는 순열의 수는 (단, 0 < r ≦ n) [네이버 지식백과] 순열 (Basic 고교생을 위한 수학공식 활용사전, 2002. 3. 10., 김종호) 단순하게 말하자면 한 배열에 4개의 서로 다른 숫자가 들어가있고, 그 중에서 3개의 문자들을 임의로 골라서 중복없이 조합을 시키는 것을 순열이라고 할 수 있다. 원리 하나의 수를 선택한다. 하나를 선택했으니 남은 수들 중에서 2개를 선택해야한다. 이 과정을 반복하면서 만들어진다. 이런 과정을 반복하는 몇가지들이 있는데 이 중에서 순열은 경우의 수이고 일대..

vsc 유용한 확장 프로그램 추천!

2022.02.28· 개발/Etc...

1. JavaScript(ES6) Code Snippets (자바스크립트 코드 스니펫) 자바스크립트 코드 스니펫은 대중적으로 많이 쓰는 자바스크립트 코드조각에 대한 스니펫을 제공하고 사용자가 따로 정의해서 쓸 수 있게 지원해준다. 자바스크립트뿐 아니라 타입스크립트 리액트, 뷰까지도 지원을 해준다. 2. ES7 React / Redux / GraphQL / React-Native snippets 리액트 개발자라면 반드시 써야할 확장 프로그램 중 하나이다. 키워드를 사용해서 간편하게 코드작성을 할 수 있다. 3. ESLint 코드를 자동으로 형식화하고 오류가 날 경우 경고 메세지로 개발자를 지원한다. 만약 여러 개발자가 협업을 하는 경우라면 일관된 서식으로 마치 한사람이 코딩한 것과 같은 결과를 얻을 수도 ..

티스토리툴바