굴러가유...

안녕하세요, 오늘은 좀 색다른 주제로 이야기를 해보려고 합니다. 산업기능요원 소집해제까지 이제 어느덧 4개월 좀 더 남았습니다... 시간이 빨리 갔다면 빨리 간거고 천천히 갔다면 천천히 간 느낌인데.. 지금까지 뭘 했나 생각해보니 별로 이룬게 없는 것 같더라고요. 학교에서 python과 java를 위주로 배우다 보니 자바스크립트에 대해선 스스로 공부를 했고, 나아가 자바스크립트에 완벽하지 않으면서 react를 시작했던게 원흉이 된건지.. 너무 주먹구구식 코딩이 되어버린 것 같아 매우 안타까운 느낌을 갖고있습니다. 나아가.. 회사에 사수가 없는 관계로.. 저의 소스에 대해 로직적인 코드리뷰를 받지 못하다 보니 이게 제대로 짜고있는건지.. 내가 잘 하고 있는건지 좀 의심이 들기도 하고.. 사수 없는 곳에서 ..

안녕하세요! 오늘도 역시 토스 강의를 보고 와.. 이렇게도 할 수 있구나를 느껴버린 나머지.. 직접 해보는게 어떨까 해서 따라하게 되었습니다. 근데 이게 모든 소스를 보여주신건 아니라(내가 해석을 못한걸지도..) 제 주관이 섞여 좀 구조가 바뀌었는데 토스 구조처럼 어떻게 짜는지 혹시 아시는 분 있으시다면 공유 부탁드립니다.. 코드 리뷰는 언제든지 환영입니다 :D Effective Components ? 지금의 회사에서 저의 코드를 수정해줄 리더분이 없으셨어서.. 제가 리드해가며 새롭게 리액트로 리팩토링을 하는 작업에서 나는 '설계'부터 잘못했구나 라고 느끼게 된 계기들이 엄청 많았습니다. 우선 제가 만든 컴포넌트들은 재사용에 불리한 구조를 가지고있는 경우가 대부분이였습니다. 재사용에 불리하단 것 중 단점..

우아한 비동기 퇴근하면서 유튜브를 보던 중 나의 꿈의 직장.. '토스' 유튜브에서 흥미로운 주제가 있길래 하나 가져와봤습니다. 토스ㅣSLASH 21 - 프론트엔드 웹 서비스에서 우아하게 비동기 처리하기 "프론트엔드 웹 서비스에서 우아하게 비동기 처리하기" 라는 주제였는데요, 보자마자 우아한 비동기..? 비동기면 비동기지 어떻게 우아하게 처리한다는 거지? 라는 궁금증이 생겼습니다. 내용이 너무너무 알차고.. 너무 좋은 주제라서 보자마자 아! 이건 공유해야겠다.. 싶어서 가져오게 되었습니다. 다들 한번씩 보는걸 추천드려요, 이거 말고도 토스의 프론트 동영상들이 알찬게많답니다. 들어가기에 앞서 여기서 나오는 예제들의 일부는 위에 있는 토스 동영상의 예제 소스들도 포함되어 있는 점 양해부탁드립니다! 동기와 비동..

안녕하세요! 오늘은 mac 유저라면 흔히? 겪을 수 있을만한 이야기를 하려고 합니다. 회사랑 집에서 쓰는 컴퓨터, 노트북이 구분이 되어있지 않다면 회사에서 지급되는 컴퓨터만 쓰기 마련인데요. 저 또한 집에있는 노트북이 워낙 구형이라 회사에서 제공해주는 macbook pro를 집에서도 사용하고 있습니다. 그렇다보니 github 계정관리에 있어서 많은 어려움이 있었는데요, 최근에는 개인 깃허브에 gitpage를 하려고 터미널에서 작업하는데.. permission denied 가 떠서 많은 시간을 사용했던 적이 있습니다. 원인이 뭐였냐면.. 이미 이 컴퓨터는 초기 세팅때부터 회사계정으로 깃허브를 설정했다보니 터미널에도 키체인에도 github로그인이 회사꺼로 되어있어서 그런거였습니다. 혹시 저와같이 이런 경우의..

안녕하세요!! 오늘은 THREE.js를 사용해서 화면에 100개의 Mesh를 랜덤하게 뿌려보는 소스를 작성해보려고 합니다. 강의를 통해 많이 배우긴 했지만.. 너무 내 지식이 아닌 것 같아서.. 다시 듣는 중이랍니다. 오늘은 간단하게 THREE.js를 사용, 똑같은 Mesh를 100개 만들어 x, y, z 값만 랜덤하게 배정하는 것을 해볼 것입니다! index.html 우리는 box.js를 불러와 사용할 것으로, src설정, type='module'로 불러옵니다. 로컬에서 테스트를 하기 위해선 vscode의 extensitions에서 liveserver 를 설치하는것을 권장합니다! // index.html box.js 기본 설정을 진행해야 합니다. 우리는 THREE.js와 OribitControl을 사용..

안녕하세요! 날이 많이 쌀쌀해진 겨울이 다 되었네요.. 오늘은 자바스크립트에서 시간이 필요할때 자주 사용하기 좋은 API를 하나 공유하고자 합니다. Intl API 란? 여러가지 언어로 서비스를 할 수 있도록 웹 애플리케이션을 설계하고 구현하는 과정에서 우리는 국제화 라는 것을 알고있어야합니다. 한국만 사용하지 않는다는 것이죠! 예를들어, 10/12/14 라는 날짜는 한국에서는 2010년 12월 14일로 해석하게 됩니다. 하지만 미국에서는 10월 12일 2014년 으로 해석할 수 있다는 거죠 만약에 그렇다면 이 웹은 국제화 한 웹일까요? 그렇지 않습니다. 하지만 이것을 언어마다 하나하나 변경하게된다면 그 공수또한 장난이 아닐거란 거죠.. 다행히 이러한 데이터 포멧팅 문제를 해결해주기 위해 Intl API..