One IT's Devlog

카카오톡 계정을 강제로 연동시키는 티스토리때문에 너무 많은 불편을 겪고, 스트레스를 받다가 결국에는 카카오계정으로 전환하게 되었다. 마크다운을 지원하지 않는 것부터 시작해 임시저장, 광고, 통계 등 여러 불편을 겪던 티스토리였는데, 이렇게 카카오 실명계정과의 연동을 사실상 강제하는 것을 겪으니 정말 블로그를 다른 곳으로 옮겨야겠다는 생각이 많이 든다. 조만간 블로그를 옮기고 옮긴 후기 등을 업데이트해서 올려야겠다.

IT 이야기 2021. 5. 9. 19:34

서비스 개발을 하다보면 비동기적으로 개발해야 할 일이 많습니다. JavaScript에서는 과거 callback 함수를 통해 비동기를 구현하곤 했으나 요즘에는 Promise 객체를 반환하게 하여 async와 await로 작업이 완료되면 다음 로직이 진행되게끔 지연시키는 방식을 통해 비동기를 구현하곤 합니다. 최근 회사에서 앱을 개발하면서 한번 사용하는 방법을 간단하게 정리해봤습니다. (Promise 객체 자체에 대해서는 developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Using_promises 이 링크를 참고하세요.) Promise 객체를 반환하게끔 작성한 함수를 호출할 땐 함수명 앞에 await 키워드를 붙이고 호출하면 해당 작업이 완료되고 나서야 이후 코드가 ..

프론트엔드 개발/JavaScript - 2021. 4. 11. 18:31

티스토리 에디터가 자꾸 말썽이다. 마크다운에서 기본모드로 변경시 포맷이 바뀌는 사소한 문제는 그렇다 치더라도, 아예 코드 블럭과 리스트 아이템들이 통째로 사라지는 현상까지 겪었다. 직전의 [번역] React Clean Code를 위한 팁 (tistory.com) 글을 몇번을 수정했는지 모르겠다. 수정하면 지워져서 통째로 다시 수정하거나 임시저장한 글의 일부가 통째로 날아가고... 이제는 글 수정하기가 부담되고 계속 티스토리를 계속 써야하는 것인지 의문이 들기 시작한다. 다른 블로그 채널도 조금씩 알아봐야겠다.

카테고리 없음 2021. 3. 16. 09:07

React와 관련한 글을 메일링서비스로 받아보던 중 이해하기 쉽고 clap 수가 1300으로 높은 글이 있어 원작자의 허락을 구해 번역해봤습니다. 원본 글에서 댓글을 여러 의견이 있었는데 이 번역글에서도 포함하여 일부 번역해봤습니다. 원본 글은 https://betterprogramming.pub/8-ways-to-write-clean-react-code-610c502ccf39 입니다. React Clean Code 더 클린하고 더 나은 코드를 작성하는 8가지의 간단한 방법 "클린코드"는 그저 동작만 하는 코드 그 이상을 의미합니다. 클린코드는 읽기 쉽고 이해하기 쉬우며, 깔끔하게 구성되어 있습니다. 이번 글을 통해 리액트 코드를 보다 "클린"하게 만드는 8가지 방법에 대해 알아보겠습니다. 그전에 이야기..

프론트엔드 개발/React - 2021. 3. 15. 21:25

2019년 블로그를 처음 열고 알고리즘 테스트 공부내용 정리하고 취업 회고를 쓰던게 엊그제 같은데 벌써 2021년이 되었네요.(해당 회고글은 비공개 처리했어요 ㅎㅎ) 🚀 이직! 회고를 쓰게 해주던 회사에서 작년에 이직을 해서 새로운 회사에서 새로운 개발을 하고 있습니다. 제가 자발적으로 했던 일부 소소한 프로젝트를 제외하면 Visual Basic 6.0 만지작거리며 소스 유지보수 및 Java 변경, 전산실 업무 정도가 고작이었던 전 직장 업무에서 벗어나 지금 회사에서는 React Native로 앱을 만들고 있습니다. 사람들이 들으면 "그 회사가 그런 기술을 써?"라고 물어볼 만한 곳인데 뭔가 새로운 시도를 하는 것 같아서 좋았습니다. 물론 모든게 이상적인 상황은 아닙니다만 어쨌든 현실 속에서 개발을 하는..

카테고리 없음 2021. 1. 15. 23:14

첫 글을 1월에 썼는데 거의 반년이 지난 지금에서야 2편을 쓰게 되네요. 빨리 써야겠다는 마음은 있었는데 이런저런 핑계로 계속 미루다가 마침내 방문자분들의 일침을 받고, 각성해서 쓰게 되었습니다! 늦어져서 죄송하고 기다려주셔서 감사합니다. Formula(수식) 기능을 활용해 자동으로 날짜 생성하기 이번에 다뤄볼 내용은 1편의 Formula를 이용해 날짜형식 자유롭게 변경하기에 이은 심화편입니다. 같은 Formula 기능을 이용해 날짜를 자동으로 생성하기예요. 쉽게 말해서 이런 걸 만들어 볼 겁니다. 왜 만들게 되었는가? 왜 만들었는지는 내 알 바 아니고 만드는 법부터 알고 싶으신 분은 클릭해주세요! 처음에 이 기능을 만들어야겠다고 생각한 건 노션으로 블로그 글감을 정리하고 작성 목표 기한을 관리하면서입니..

IT 이야기/Notion 2020. 8. 19. 00:54

어제 갑자기 반반택시 운영사에서 설문전화가 오더니 반반택시의 불편한 점 다섯가지를 말해달라고 하더군요. 그래서 그때 여러가지로 대답을 하고 답변을 받았습니다. 이번 글에서 이런 문답내용을 포함해 반반택시를 이용하면서 느꼈던 장단점을 간단하게 정리해보려고 합니다 또 무료포인트를 추가로 받는 팁을 한 가지 전해드리려고 합니다. 이 내용이 궁금하신 분들은 여기를 클릭해주세요. 반반택시의 만족스러운 점 일반호출 가능지역이 전국으로 확대되었다. 기존의 반반택시는 일반호출이 서울 및 일부 수도권 지역에 한정되어 있었습니다. 인천이나 경기도 등 일부 수도권에서 조차 호출이 안된다는 점은 매우 불편한 점이었습니다. 대중교통이 불편한 비수도권 지방에서 택시 이용할 일이 더 많은 만큼 아쉬운 점이었죠. 이 이야기를 설문에..

IT 이야기/IT & Mobile 2020. 8. 1. 17:34

React와 관련한 글을 메일링서비스로 받아보던 중 이해하기 쉽고 clap 수가 높은 글을 발견해 번역해봤습니다. 원본 글에서 댓글을 통해 반박 내용이 있는데, 번역본에도 포함했습니다. 원본 글은 https://levelup.gitconnected.com/react-antipatterns-to-avoid-7134940f4f04 입니다. 리엑트(React)는 인터렉티브한 모던 웹앱을 만들기 위해 가장 많이 사용하는 프론트엔드 라이브러리입니다. 모바일 앱을 만들 때에도 쓸 수 있죠. 이번 글에서 우리는 리액트에서 피해야 할 안티패턴에 대해 알아볼 것입니다. 컴포넌트에서의 bind()와 함수들 우리가 리액트 class 컴포넌트에서 bind를 호출할 때, 우리의 props 안에서 반복적으로 부르지 않아야 합니다..

프론트엔드 개발/React - 2020. 7. 7. 10:33