왜 필요했냐면.. 최근 며칠동안 프로덕션 배포 일정을 위해 개발 브랜치에 이미 많은 변경사항들이 반영되어 있는 상태였는데 프로덕션에서 긴급하게 수정해야할 버그가 발생하는 일이 있었습니다. 따라서 핫픽스 브랜치가 필요하다고 판단했지만 실제로 핫픽스 브랜치 전략을 사용해본적은 없어 시행착오를 조금 겪었습니다. hotfix branch는 왜 필요한가? 실제로 일을 하다보면 흔히 개발 브랜치와 프로덕션 브랜치가 나뉘어지기 마련입니다. 개발중인 코드가 실제 프로덕션에 올라가게되면 안되는 경우가 빈번합니다. 유저가 없는 서비스라면 마음편하게 개발해도 상관 없지만 만약 유저가 있는 서비스라면 실제 프로덕션에 문제가 생겼을 때 이를 빠르게 조치해주어야합니다. 그렇게하기 위해 hotfix branch를 통하여 해당 문제..
🐶어떻게 해야할까요? 이렇게 여러가지 종류의 스크롤바를 만드는 것이 요구사항입니다. 쉽게 생각해보자구요 스크롤바만드는 css 검색해보면 되죠 ::-webkit-scrollbar 같은 속성들 건드리면 되는거아닐까요? ::-webkit-scrollbar-thumb { background-color: #4568dc border-radius: 10px } ::-webkit-scrollbar-thumb는 스크롤바의 막대 자체의 스타일링을 지정합니다. 그러니 막대 자체를 파랑색으로 지정하고 border-radius를 10px로 줘서 둥글둥글하게 만드는 코드입니다. 그러나 동작하지 않습니다. ::-webkit-scrollbar 에도 background-color를 설정해주면 동작합니다. ::-webkit-scroll..
웹뷰 웹뷰는 네이티브앱에 내재되어 있는 웹 브라우저입니다. 웹뷰를 사용하면 웹 콘텐츠를 네이티브 앱 뷰와 같이 사용자에게 보여줄 수 있습니다. 그리고 특징적인 부분이 하나 있는데 웹뷰는 주소창, 새로고침, 즐겨찾기와 같은 브라우저의 기능이 없고 단순히 웹페이지만 보여준다는 특징이 있습니다. Google은 Android WebView 클래스를 아래와 같이 정의합니다. WebView 클래스는 안드로이드의 view 클래스의 확장이며 웹페이지를 활동 레이아웃의 일부로 표시할 수 있게 해줍니다. 탐색 컨트롤, 주소 표시줄 등의 웹브라우저 기능은 전혀 포함되지 ㅇ낳습니다. WebView의 모든 작업은 기본적으로 웹페이지를 표시하는 것입니다. 웹뷰 왜 사용할까? 웹뷰는 여러 플랫폼에서 사용할 수 있다 이는 정말 큰 ..
👱♂️간헐적 회고 나오늘 뭐했냐 생각보다 이사와 출근을 위해 준비할 게 많은 것을 느꼈습니다. 그래서 블로그도 약 일주일 가량을 쉬게되었네요 전부 다 처음 해보는 것이다 보니 알아보는게 꽤 오래걸리더라구요 문제는 그렇게 열심히 알아봐도 아직 잘 모르겠다는 것 ㅇㅅㅇ.. 1. 급여통장 만들기 급여통장은 신용, 대출, 우대금리, 실적등과 연관이 있어 만드는 편이 좋습니다. 다만 재직증명서가 필요해서 아직 못만듬 여러 은행에서 급여통장을 만들 수 있는데 저는 그냥 원래 쓰던 은행을 이용할 것 같네요 50만원 이상만 급여라는 명목으로 넣으면 급여통장으로 인정받을 수 있으니 급여통장을 여러개 만들어 혜택을 받는 것도 할 수 있다는데 저는 귀찮으니까 하나만 만들 예정 2. 이사를 위한 짐싸기 옷, 이불, 전자기..
👱♂️간헐적 회고 나 요새 뭐했냐 회사 합격 후 출근을 위해 여러가지 준비를 하고 있다. 출근은 9월 18일부터 하기로 하였는데 가장 큰 문제는 평생을 한 집에서 살아온 내가 이사를 해야한다는 것 회사에서 집 구하는 것에 도움을 주어서 약간 걱정을 덜긴 했지만 2x년 간 쌓아둔 생활 기반을 모두 버리고 자취해야하는 게 가장 큰 고민이다. 비싸지 않고 무거운 짐들은 이사 후 택배로 구매할 생각이지만 하나하나 전부 다 새로 사는것보다는 챙겨갈 건 챙겨가는게 경제적일 것 같아서 뭘 챙겨갈지, 어떤 방식으로 옮길지를 고민하고 있다. 그와 별개로도 지금 살고 있는 집은 어릴적 가구들을 버릴수가 없어서 내 취향이 100% 반영되지는 못한 상태였는데 자취를 시작하게되면 집의 많은 부분들을 내 취향에 맞게 만들 수 ..
😉6개월 간의 교육과정을 끝마치고 이 과정을 듣고 싶거나 고민하고 있는 사람에게 도움이 되었으면 좋겠습니다. 이 글은 내가 코드스테이츠를 선택한 이유, 알아두면 좋은 것, 장점 , 단점 , 중도하차자, 취업 현황 , 나의 후기, 추천 여부 순으로 서술합니다. 😉내가 코드스테이츠를 선택한 이유 우선 제가 개발자가 되기 위한 준비를 시작한 것은 작년 9월 초부터 입니다. 그 이전에는 대학교 교양 강의로 파이썬을 해보고 , html / css를 간단하게 다루어본 것이 전부였습니다. 제 공부흐름을 정리하면 1. 10월 ~ 11월 제로베이스 프론트엔드 스쿨 (중도하차) 2. 11월 ~ 2월 독학 3. 2월 ~ 8월 코드스테이츠 프론트엔드 44기 (수료) 입니다. 따라서 코드스테이츠 과정을 들어가기 이전에도 어느정..
🤕 시작하며 이 글을 작성하기 전에 구글, 벨로그 등에 "프론트엔드 개발자 취업 후기"와 같은 키워드로 검색을 해보았습니다. 제 검색 실력이 미천한 탓도 물론 있겠지만 노출되는 대부분의 게시물들이 2022년 이전에 작성된 것이었음을 확인했습니다. 분명 많은 사람들이 궁금해할만한 키워드일텐데..라고 생각이 들어 글을 작성해봅니다. 저는 최근 채용과 입사날짜가 확정되었고 현재 출근을 위해 여러가지 준비(이사...라든지.. 회사 스택 공부라든지..)를 하고 있는 상태입니다. 제 이력을 짧막하게 작성하면 이렇습니다. 비전공자 남자 20대 부트캠프 수료 그리 흥미로운 정보는 아니겠지만 수료한 부트캠프는 코드스테이츠입니다. 코드스테이츠와 관련된 정보가 궁금하면 아래 회고를 참고해주세요 https://xionwcfm..
🙄 그런데 Private, Protected 가 뭘 하는지 아시나요? protected는 조금 생소한 개념이어서 저는 조금 감이 안잡혔던 경험이 있습니다. 간단하게 정리하고 가면 public 어디에서나 접근 가능하며 접근제어자를 따로 정의하지 않으면 설정되는 default 값입니다. private private 키워드로 선언된 프로퍼티들은 서브 클래스에서도 접근할 수 없습니다. 타입스크립트는 인스턴스 간 private 액세스를 허용합니다. class A { private x = 10; public sameAs(other: A) { // No error return other.x === this.x; } } 이렇듯 classA는 sameAs 를 통해 간접적으로 private 키워드의 정보에 접근할 수 있습..
😖먼저 display none과 hidden의 차이점은? 맨 하단의 레퍼런스 칸에서 mdn이 제공하는 예제를 직접 보는것도 이해에 도움이 됩니다. 우선 둘의 공통점은 다음과 같습니다. 두 속성 모두 특정 엘리먼트를 시야에서 보이지 않도록 처리하는 데에 사용하게 되는 속성입니다. 바닐라 css 에서의 사용례는 다음과 같습니다. .hidden-visible { visibility: hidden } .hidden-display { display: none } 두 속성 모두 내 시야에서 dom 요소를 보이지 않게 처리해줍니다. 둘의 차이점은? display:none 레이아웃에서 요소를 완전히 제거하고 공간을 차지하지 않습니다. 주변 요소에 영향을 주지 않습니다. visibility: hidden 이 경우 요소는..
컨트롤러는? 웹 애플리케이션에서 컨트롤러는 외부의 요청을 처리하는 모듈을 의미합니다. 하나 이상의 클라이언트가 보내는 요청을 처리하고 요청을 보낸 클라이언트에게 응답을 반환하는 역할 이라고도 표현할 수 있습니다. 컨트롤러의 목적은 애플리케이션에 대한 특정 요청을 수신하는 것에 있습니다. 라우팅 매커니즘은 어떤 컨트롤러가 해당 요청을 처리할지를 조정하는 역할을 합니다. 보통은 각 컨트롤러는 하나 이상의 경로가 있고 각기 다른 경로는 각기 다른 행동을 수행합니다. 프로바이더 프로바이더는 nest의 기본 개념으로 서비스, 레포지토리, 팩토리, 헬퍼 등등이 프로바이더로 취급될 수 있습니다. 프로바이더의 주요 아이디어는 의존성 주입 (DI) 입니다. 제어의 역전 , 의존성 주입은 익숙한데 계층형 구조(Layerd..
