전체 글257

• 

  SI 개발자, 미국 핀테크 회사로 이직한 후기(feat. 원격근무) 정말 우연한 기회로 미국 핀테크 회사(구체적으로는 학자금 대출 관련)의 플랫폼 자회사(몇 년 전까지는 스타트업이었지만 인수됐다)로 이직을 한 이야기를 정리해본다. full-remote로 외국 회사에서 일하는 기회를 찾고 있거나, 입사 전형 중에 있는 분들에게도 도움이 되었으면 좋겠다. 아직 입사 전이라서 전형 과정을 중심으로 정리해 보았다. 1. 링크드인 메시지를 받다 CTO로부터 온 메시지 글을 쓰기 시작한 지금(4월 말)으로부터 두 달 전 쯤 CTO로부터 링크드인 메시지가 왔다. 내 링띤 프로필을 봤고, 원격으로 실리콘밸리 기업에서 일할 수 있는 어메이징한(!?) 기회에 대해 30분 정도 챗을 나눌 수 있냐고 했다. 사실 처음에는 그냥 무차별적으로 메시지를 뿌리는 것 아닐까 생각했는데, 따로 한국 시.. My/Careerlog 2023. 5. 31.

• [Vue2] mapGetters로 가져온 값을 watch하는 법 isLogin(newVal, oldVal) { ... } Programming/Vue 2023. 5. 16.

• [회고] 2023.04.30 - 05.11 | 가정의 달, 커피챗, 맛집들, GA4 스터디 신청, 온라인 석사 결심, 우아한 스터디 신청 어쩐지 시간적 여유는 많았지만 그만큼 열심히 놀아서 바쁜 것처럼 느껴졌던 5월 첫 주! 5월 초이다 보니 어버이날 이야기가 빠지면 섭섭하다. 가족들 선물을 주로 아이디어스에서 사고 있는데 올해는 꽃까지 비누꽃으로 준비해봤다. 생화만큼의 신선함은 없지만, 비누로 쓰실 수 있으니까 오히려 버리는 슬픔이 없어서 좋은 것 같기도 하다. 사실 드린 것보다 어린이날이라고 선물을 많이 주셔서 넘 민망했다..ㅋㅋㅋ 또다른 WWCS 리더분과 커피챗도 했는데, 문래에 '냐옹지마'라는 캐주얼한 오마카세를 소개해주셔서 내가 예약 티켓팅에 성공해 운좋게 가보게 됐다. 일반적인 오마카세와는 다르게 좋은 가격에 우리가 고른 다양한 메뉴들을 차례차례 내주셔서 정말 좋았다. 왜 그렇게 예약이 어려운지도 알 것 같았다. 해산물을 싫어하.. My/Riverlog 2023. 5. 12.

• 

  개발자의 성장 언어/자료구조 -> framework -> 알고리즘 -> CS core -> Data ---> 천재적 감각 과제 -> 재미 -> 연습 -> 학습 -> (도메인의 고객에 대한) 경험 특정 도메인에서의 깊은 경험은 다른 도메인에 가서도 도움이 되고는 한다. https://www.youtube.com/watch?v=3jkDAeahXes My/Careerlog 2023. 5. 10.

• 

  [리팩토링 개정판] 01. 리팩터링: 첫 번째 예시 프로그램이 새로운 기능을 추가하기에 편한 구조가 아니라면, 먼저 기능을 추가하기쉬운 형태로 리팩터링하고 나서 원하는 기능을 추가한다. -p.27 리팩터링하기 전에 제대로 된 테스트부터 마련한다. 테스트는 반드시 자가진단하도록 만든다. -p.28 아무리 간단한 수정이라도 리팩터링 후에는 항상 테스트하는 습관을 들이는 것이 바람직하다. -p.32 나는 함수의 반환 값에는 항상 result라는 이름을 쓴다. 그러면 그 변수의 역할을 쉽게 알 수 있다. -p.34 자바스크립트와 같은 동적 타입 언어를 사용할 때는 타입이 드러나게 작성하면 도움된다. 그래서 나는 매개변수 이름에 접두어로 타입 이름을 적는데, 지금처럼 매개변수의 역할이 뚜렷하지 않을 때는 부정 관사(a/an)를 붙인다. 변수 인라인(외부에 두지 않.. Programming/Computer Science 2023. 5. 9.

• 

  [Nuxt.js] Vuex state가 변경되어도 자동으로 update되지 않는 layout 컴포넌트 업데이트시키기 Nuxt.js의 경우 layout 폴더에 따로 분류된 컴포넌트들은 Vuex state가 변경되어도 자동으로 업데이트되고 캐싱된 값을 사용한다. 그래서 일종의 강제 리렌더링이 필요하다.이 때, Nuxt의 $store.subscribe() 함수를 사용해 mutation이 일어날 때마다 말 그대로 그 변화를 '구독'할 수 있다.그러나, 이 방법은 코드를 더 복잡하게 만드는 방법이므로 computed를 사용할 것을 권장하고 있다. 빠른 시간 내에 업무를 처리하려다보니 이런 코드를 사용하게 됐는데, 간편하고 보기도 좋으며 Nuxt(Vue)의 Lifecycle을 자연스럽게 따라가는 computed를 대신 사용하자!예시 코드created() { ... if (this.isLogin) { this... Programming/Vue 2023. 4. 25.

• 

  2023년 4월 1일 ~ 2023년 4월 30일 회고 꽃샘추위, 생일 주간, 블렌더 마지막 수업, WWC 국제 협업 참여, 맥북 구매 결심, 가족들과 보내는 시간, 배산임수, 헬스장 등록, 기초의 중요성, 할머니 병문안 가기, 안경 맞추기, 남쪽으로의 여행 준비, WWCS 갑자기 추워진 날씨에 좋기도 하고 싫기도 했던 한 주. 산불을 꺼 준 고마운 비가 꼬박 하루를 내리고 나니 기온이 많이 떨어졌었다. 추위를 너무 많이 타는 나는 괜히 주변 사람들한테 역정을 내게 된 ㅎㅎㅎㅎ; 하지만 막상 비가 갠 다음 날에는 점심 산책 중 마시는 공기가 너무나도 상쾌해 기분이 좋았다. 그리고 4월 3일은 나의 생일! 고마운 가족들과 맛있는 밥도 먹고, 나이에 맞지 않는 용돈도 많이 받았다 ㅋㅋㅋ 소중한 친구들에게 축하도 많이 받고. 대학을 졸업하고 나서는 인간관계가 조용.. My/Riverlog 2023. 4. 9.

• [CSS] transform 속성 사용자에게 특정 팝업(div로 만드는 간단한 팝업)을 보여주려고 하는데, 우선 중앙정렬 하도록 하기 위해서 최상단 div 태그에 top: 50%;, left: 50%; 로 지정해주었다. 그런데 몇 십 픽셀 정도 묘하게 어긋나서 이유를 알아보니 div의 왼쪽 상단 모서리를 기준으로 위치가 산정되기 때문이었다. 이 때 사용하면 좋은 것이 transform 속성이다. transform은 요소에 이동(transform), 회전(rotate), 확대/축소(scale), 비틀기(skew) 효과를 부여하기 위한 함수를 제공한다. 애니메이션이 필요하다면 트랜지션이나 애니메이션과 함께 사용하고, 아무것도 사용하지 않으면 바로 해당 속성이 적용되어 렌더링 될 것이다. transform 함수들 transform functi.. Programming/HTML, CSS 2023. 3. 31.

• 

  Command Prompt(CMD), Git bash, PowerShell VSCode를 사용하다 보면, 아래와 같이 터미널에 여러 버전이 있는 것을 볼 수 있다. 싸피에서 개발을 시작할 때부터 Windows 환경에서 Git Bash만 계속 써오던 나는 이 다양한 터미널들에 대해 자세히 알아본 적이 없었다. 하지만 실제로 일을 하면서부터는 모르는 게 조금 부끄러워져서 정리해본다. 터미널이란? 먼저 잘 모르고 사용했던 '터미널'이라는 단어부터 정리해보자. 터미널은 원래 유닉스 기반의 컴퓨터에서 복수의 사용자들이 하나의 컴퓨터에 접속하기 위해 사용했던 단말이었다고 한다. 이제 Personal한 컴퓨터를 사용하기 위해 필요가 없어진 터미널, 그 의미가 변화해서 명령어 입력을 통해 컴퓨터를 직접 제어하기 위한 소프트웨어라는 뜻을 가진다. 그리고 모든 운영체제는 기본적인 터미널을 내장하.. Programming/ETC 2023. 3. 27.

• [Node.js] path 모듈 홈페이지를 만들면서 배웠듯 운영체제마다 다른 문자로 디렉토리 구조를 표현한다. Unix 계열은 /, Windows는 \를 사용한다. 따라서 파일이나 디렉토리의 경로를 단순히 문자열을 이용하여 접근하면 프로그램이 특정 운영체제에서만 돌아갈 위험이 생긴다. 그래서 Node.js에서는 기본적으로 path 모듈을 제공해 JS 개발자들이 이러한 위험 없이 경로를 다룰 수 있도록 도와주는 것이다. Next.js 13버전으로 홈페이지를 만들고 있는데, Vercel에 배포하려고 하니 관련된 에러를 밷어 것 같아 이 방식으로 해결했다. 동료분이 말씀해주실 때 미리 도입해 놓을걸 ^^ 불러오기 import path from "path"; Join(): 경로 만들기 여러 개의 문자열을 가변 인자로 받아서 하나의 완전한 경로.. Programming/ETC 2023. 3. 27.

• 

  [iOS] button 요소에 color를 지정하지 않으면 safari 브라우저에서 버튼 텍스트가 파란색(-apple-system-blue)로 표시된다 만년 갤럭시 유저인 나(최근 산 아이패드 제외!)... 회사 서비스 404 페이지를 만들고 당당하게 담당자분께 보고했는데, 사파리에서만 버튼이 파란색으로 표시됨을 전달받았다. 알고 보니 사파리에서는 button 요소에 color가 지정되어 있지 않으면 기본으로 -apple-system-blue 색상을 할당한다고 한다. 따로 color를 지정해주면 쉽게 해결 된다! How to avoid safari adding -apple-system-blue to my button I'm loading a website through an iFrame in my ionic app. I realize that every button turned blue. I've searched a little bit and I fou.. Programming/HTML, CSS 2023. 3. 20.

• class / React의 class형 컴포넌트 / JS에서의 class(prototype 기반) 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com 함수형 프로그래밍 vs 객체지향 프로그래밍 함수형 프로그래밍 - Functional programming (FP) 객체지향 프로그래밍 - Object oriented programming (OOP) 개발자라면 이 둘에 대해 한번쯤은 들어봤을 개발 패턴이다. FP 든 OOP 든 개발 방식의 차이일뿐, 뭐가 kwangsunny.tistory.com 자바스크립트는 왜 프로토타입을 선택했을까 프로토타입으로 검색하면 으레 나오는 서두처럼 저 또한 자바스크립트를 처음 접했을 때 가장 당황스러웠던 게 프로토타입이었습니다. medium.com Prototype, 그리고 Class Pr.. Programming/Computer Science 2023. 3. 19.

• [HTML, JS] onClick="location.href='주소'" 회사에서 순수 HTML 페이지를 구현하면서 button에 onClick 이벤트로 특정 URL로 이동하는 기능을 구현하려고 했다. MDN 문서에도 나와 있는 Location 객체를 구현해봤다! location.href란? href는 location 객체에 속해있는 프로퍼티로, 현재 접속중인 페이지 정보를 갖고 있다. 값을 변경할 수 있어서, 주소 위치에 원하는 페이지 주소를 넣으면 다른 페이지로 이동할 수도 있다 Location? https://developer.mozilla.org/ko/docs/Web/API/Location Location - Web API | MDN Location 인터페이스는 객체가 연결된 장소(URL)를 표현합니다. Location 인터페이스에 변경을 가하면 연결된 객체에도 반영되.. Programming/Javascript, Typescript 2023. 3. 17.

• 

  2023년 3월 2일 ~ 2023년 3월 31일 회고 제주도 2탄, 블렌더 수업 개강, 한강 걷기는 계속된다, 위민후코드 운영진 웰컴 미팅, 산책 또 산책, 가족과 맛집 탐방, 만다라트 템플릿 만들어 보기! 이번 제주도 여행에서는 페리를 타고 우도에 갔다 왔다. 우도는 관광지화가 꽤 되어서 아주 한적한 분위기의 섬은 아니지만, 그래도 자연과 해변이 잘 보존돼있고 섬 가운데는 올라갈 수 있는 등대도 있어서 섬의 자연을 즐기기 좋은 곳이었다. 우도에 갔으니 땅콩 아이스크림도 먹어 주고, 바다도 원없이 보며 이모랑 엄마랑 행복한 시간을 보냈다. 제주도에 있는 많은 박물관 중 본태 박물관에 다녀왔는데, 안도 다다오의 또 다른 건축물인 본태 박물관은 뮤지엄 산과는 또다른 매력이 있었다. 뮤지엄 산은 돌을 많이 쌓아서 돌 공원 같은 공간을 만든다거나 산 중턱의 넓은 .. My/Riverlog 2023. 3. 9.

• 

  2023 프론트엔드 로드맵 작년에 공부했던 컴구, 네트워크, 운체 복습해 나가면서 뭘 해야 할까 싶었는데 로드맵을 보고 나니 빠진 부분들이 많다. 일단 auth 관련 공부는 시급한 거 같고, PWA, bundler 관련 내용도 함께 공부해야 할듯하다! electron도 나중에는 공부해 봐야겠다. + 디자인 패턴 My/Careerlog 2023. 3. 7.