본문 바로가기

휴게소17

개발자가 잡담을 많이 나누는 것이 경쟁력일까? 요즘 개발자로 일하면서 회사 내외로 느끼는 것이 참 많다. 여러 생각들이 교차하고, 메모도 자주 하며 생각 정리를 위한 문서화도 하고 있다. 이제 막 프론트엔드 개발자로 일한지 한달이 좀 넘었다. 독학할 때와는 다르게 여러 시야가 생기고 있고 개발하는 만큼 생각도 많아지는 시기인 것 같다. 그 중 잡담에 대한 얘기를 하고싶다. 회사차원의 잡담 우아한 형제들의 송파구에서 일 잘하는 방법에서 3번을 보면 '잡담을 많이 나누는 것이 경쟁력이다.'라고 설명하고 있다. 왜 그렇게 생각하는지도 설명이 되어 있는데 그 이유를 보면 잡담은 신뢰를 만들어가는 원료라고 한다. 잡담을 하는 시간들이 쌓이고 쌓여 유대감이 형성 되고 커뮤니케이션이 더욱 활성화가 된다는 이야기이다. 따라서 회사차원에서의 잡담이란 아이디어를 자유.. 2022. 1. 12.
알프레드(Alfred) 무료 버전 활용하기 이제는 맥 OS에서 없어서는 안될 알프레드(Alfred). 사내에서 쓰일 맥북을 받고 가장 먼저 설치한 앱이 바로 알프레드이다. 이 앱을 알고나서는 마우스 사용량이 엄청나게 줄어들고 개발 효율성이 굉장히 좋아졌다. 빠르고, 쉽다. 나는 여태 무료 버전을 잘 사용하고 있다고 생각했다. 알프레드 마스터(입사동기)를 만나기 전까진.. 무료 버전에서도 굉장히 많은 것들을 설정할 수 있다는 것을 알게 되었다. 그 중 가장 많이 쓰고, 편리한 설정들을 소개하려고 한다. 1. 웹 검색 커스텀 제일 자주 사용하는 기능이다. 단축키로 알프레드를 실행해서 검색할 단어들을 입력하면 바로 검색이 가능하다. 개발 중에 구글링, 네이버 사전, 파파고 번역 등을 자주 사용한다. 기본적으로 검색 시, 구글로 검색이 되기 때문에 대부.. 2022. 1. 7.
나는 협업하기에 좋은 개발자일까? 문득 이런 생각이 들었다. '나는 협업하기에 좋은 개발자일까?'라는 생각. 개발자의 역량 또는 채용정보들을 보면 '협업'이란 키워드가 많이 나온다. 나는 사내에서 첫 프론트엔드 개발자이다. 사수가 없는건 아쉽지만 기술 스택이 자유롭고, 개발환경을 직접 설정할 수 있다는 것에 많이 감사하고 있다. 그러다 몇 주뒤 신입 한분이 들어오셨고 협업에 대해 좀 더 깊게 생각하기 시작했다. 사내에 사수가 없다 사내에 사수가 없고 경험과 지식이 적다보니 내가 선택한 기술 스택과 개발환경이 회사의 상황, 추구하는 방향, 프로젝트 규모에 맞는건지 계속 고민을 했다. 회사의 상황과 추구하는 방향은 사내에서 쉽게 알 수 있었지만 프론트적인 부분은 전적으로 나의 책임으로 생각했기에 오버스펙이 아닌지, 효율적인건지 많은 생각을 .. 2022. 1. 2.
VS Code extension인 Bracket Pair가 네이티브 기능이 되다 어느 날 VS Code를 사용하는데 Bracket Pair 관련 알림이 자꾸 뜨는 것이다. 어느 정도 무시하다가 계속 뜨길래 결국 확인해봤다. However since native functionality is available, it's time to deprecate this extension - bracket pair github 오랫동안 인기를 얻음에 따라 bracket pair가 결국 VS code의 네이티브 기능이 되었다는 것이다. 따라서 '이제는 확장으로 사용할 수 없으니 bracket pair를 지우고 내장된 기능으로 사용하라'는 알림이었던 것이다. 그래서 기존 사용자는 확장탭에서 bracket pair를 지우고, 신규 사용자의 경우 추가로 extension 설치를 할 필요없이 settin.. 2021. 12. 28.
깃허브 파일 대소문자 구분 이슈 최근 마음이 맞는 사람끼리 모여 5일동안 프로젝트 협업을 진행하게 되었다. 깃허브로 협업하는 것이 처음이라서 깃허브만 보더라도 시간이 상당히 소요가 됐다. 그 중 나를 너무나 힘들게 했던 파일의 대소문자 구분 이슈는 정말..많은 것을 느끼게 해주었다. 나는 리액트 프로젝트를 진행할 때 컴포넌트, 페이지의 '파일'은 소문자로 하는 것이 습관이다. 그렇게 협업이란 것을 망각한 채 내 습관대로 했다가 크게 고생했다..깃허브가 파일 대소문자만 변경하면 구분하지 못한다는 것을 이제야 알게 되었다. 정확히는 기본값으로 구분을 하지 않게 설정이 되어있다. 따라서 다음과 같이 입력하면 대소문자 구분을 해주게 된다. git config core.ignorecase false 깃은 한번 꼬이면 정말 너무너무 힘든 것 같다.. 2021. 12. 16.
터미널에서 'code' 명령어가 안될 때 해결 방법 터미널에서 VS Code 바로 열기 VS Code에서 cmd + shift + p로 명령 팔레트를 열고, code라고 검색 후 설치해주면 터미널에서 code . 명령어로 해당 경로의 VS Code를 바로 열 수 있다. 그렇게 잘 사용해오다가 맥북 M1으로 교체하고 난 후 적용해보니 아래와 같이 설치가 되지 않았다. 맥북 M1 이슈인듯 한데 계속 사용하다보니 자잘한 버그가 많다. 해결 방법은 간단하다. 먼저 code 명령을 제거한 후 설치를 진행하면 정상 작동한다. I found a fix. I simply uninstalled the code command from PATH in vscode and reinstalled. i.e open the command pallete, search "uninstal.. 2021. 12. 15.
'digital envelope routines' 에러 시 해결 방법(Node.js 버전 관리) React Admin을 사용해보고 싶어서 CRA로 세팅을 했는데 서버가 켜지지 않는 에러가 발생했다. 처음 있는 일이라 당황하다가 에러 키워드로 구글링해보니 금방 해결방법을 찾을 수 있었다. 알고보니 Node.js 버전을 제일 최신으로 변경한 게 문제가 되었다. (17.2.0 버전) Error message "error:0308010C:digital envelope routines::unsupported" Error message "error:0308010C:digital envelope routines::unsupported" I created the default IntelliJ IDEA React project and got this: Error: error:0308010C:digital envel.. 2021. 12. 1.
public 폴더 안 axios import 에러 Vanilla js로 SPA를 만들면서 정말 많은 에러들을 겪고 있다. 그래도 점점 직접 부딪혀보는 실력이 늘고 있다. 구현 후에 에러가 뜨면 해결하는 재미가 쏠쏠하다. 그런데 이번엔 조금 찝찝하게 마무리하게 되었다. 서버쪽에서 잘 사용하던 axios가 왜 클라이언트에선 불러오지 못하는 것일까? 일단 중요한 부분만 표현한 프로젝트의 폴더 구조는 다음과 같다. node_modules public |-- main.js // 여기서 axios를 import 해와서 쓰고 싶다 |-- index.html |-- style.css src |--api package-lock.json package.json server.js // axios 사용 main.js에서 import axios from 'axios';를 하면.. 2021. 11. 1.
함수형과 객체지향의 다른점 데이터(객체)가 먼저? 함수가 먼저? 데이터(객체) 기준 cat.moveLeft(); cat.moveRight(); dog.moveLeft(); dog.moveRight(); 객체를 기준으로 객체가 먼저 나온다. 객체지향 프로그래밍은 데이터를 먼저 디자인한 후 그 데이터에 맞는 메서드를 만드는 방식으로 프로그래밍을 한다. 예를 들면 moveLeft()를 갖기 위해 Animal 클래스를 만든 다음 cat과 dog가 상속을 받아 메서드를 갖게 되고, 같은 규격의 객체가 된다. 함수 기준 moveLeft(dog); moveRight(cat); moveLeft({ x: 5, y: 2}); moveRight(dog); 함수를 기준으로 함수가 먼저 나온다. 함수형 프로그래밍에서는 함수를 만든 후 그 함수에 맞게 데.. 2021. 9. 22.
반응형