본문 바로가기

전체 글163

[CS Knowledge] 협업에 관하여.. 좋은 코드 리뷰, 좋은 PR, 좋은 PR Review... 코딩 컨벤션 참조하기 좋은 사이트https://ui.toast.com/fe-guide/ko_CODING-CONVENTION 코딩컨벤션코딩 컨벤션은 읽고, 관리하기 쉬운 코드를 작성하기 위한 일종의 코딩 스타일 규약이다. 특히 자바스크립트는 다른 언어에 비해 유연한 문법구조(동적 타입, this 바인딩, 네이티브 객체 조작 가ui.toast.com 전 게시물에서도 언급을 했지만 개발자로써의 협업의 목표는 1. 안전한 개발2. 개발 생산성 증대좋은 협업 프로세스가 갖춰진 집단이나 조직은 -> 안정성과 생산성을 증대시킨다. 1. 코딩 스탠다드 정하기 5가지 원칙1. 실수하지 않게끔 예방2. 실수했더라도 최대한 빨리 찾아야함3. 시간을 너무 낭비하지 않기 4. 인간의 평균 지적 수준으로 잘 이해할 수 있는가5... 2024. 8. 30.
[CS Knowledge] Clean code 클린코드 정리 1. 개요수많은 회사 , 수많은 사람들 개발 과정에서 좋은 코드 리뷰를 driven하는 방법과 클린 코드는 어떤 것일까?.개발자로써의 협업의 목표는 여러가지가 있을 것이다.1. 안전한 개발2. 개발 생산성 증대 좋은 협업 프로세스가 완성되면 -> 안정성 + 생산성이 증대된다.질서와 규칙이 있기 때문에, 협업 구성원 모두가 conventions와 rules를 지키면서 코드를 작성해야, 남이 보아도 이해가 쉽다. 클린 코드는 그냥 깔끔한 코드, 보기 쉬운 코드라고도 볼 수 있다. 쉽게 요약하자면 그렇다.. 여기서 좀 더 복잡하게 들어가면 , 내가 적은 코드와 변수에 의도를 담고, 그 의도를 남들이 봐도 "아.. 이 개발자는 이렇게 작성했구나 이해는 된다 이렇게 로직 작성했구나" 하는게 보이도록 설계, 납득 .. 2024. 8. 30.
[Javascript]순수함수와 비순수함수 1. 순수함수   2. 비순수함수 2024. 8. 23.
"어서와"라는 말을 줄곧 기다렸어 Official髭男dism - Sharon 오랜만의 신곡이네요.  믹스 - Official髭男dism - Sharon [Official Video]KR탐색 건너뛰기Official髭男dism - Sharon아바타 이미지0:04 / 4:40ScreenshotOfficial髭男dism - Sharon [Official Video] " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스「ただいま」の代わりに扉の音を殺して"다녀왔어요" 대신에 문소리를 죽이고暗い部屋へと抜き足差し足で入り込んで眠る日々の先に어두운 방으로 살며시 들어가서 잠드는 날들의 끝에やっと軽くなったカバンを肩に掛けて겨우 가벼워진 가방을 어깨에 메고子供の声飛び交う道 寝不足らしくもない早歩きで進む아이들의 목소리가 오가는.. 2024. 8. 23.
[react]react의 또 다른 hook useEffect에 관하여.. 1. useEffectuseState라는 리액트의 유명한 훅과 거의 동등급으로 유명한 hook이다 . useEffect는 어떤 특정 컴포넌트가  화면에 표시되거나 , 사라진 후에 실행될 수 있도록 하는 훅이다.(포스팅 진행 중) 2024. 8. 20.
[React] vite, Cra(Create React App) 없이 Developement Environment 구성하기. 1. 개요토스 커리어즈에 토스 채용 공고 중 토스가 사용하는 기술 칸이다. 빌드 툴을 보면 4가지나 빌드 하는 과정에 빌드 툴을 사용하고 있는데, 각 회사의 프로젝트마다, 회사의 특성 마다 이러한 기술사용 스택은 얼마든지 변화하고, 변경되거나, 또한 내가 몰랐던 빌드, 기술을 사용할 가능성이 크기 때문에 이를 위해서는 vite나 cra같이 간편하게 설정을 해주고, 템플릿을 지정해주고 커스터마이징이 제약된 환경보다는 커스터마이징이 자유롭고  , 엄청 큰 프로젝트나, 여러가지 환경이 필요한 상황일 때는 vite, cra없이 개발 환경을 구성하는 것이 필요하다고 생각이 되어 포스팅을 작성하게 되었다. 2. Example2-1. React 환경 생성 및 테스트 https://ko.legacy.reactjs.or.. 2024. 8. 20.