프론트엔드

들어가면서 "클린 코드란 무엇일까" 이 주제는 개발자라면 한번쯤은 해봤을 고민이라고 생각합니다. 갑자기 이 고민을 하게 된 이유는 실무에서 분명 보기엔 깔끔한 코드인데, 수정하기에는 어려운 코드들을 몇 차례 경험하면서입니다. 이때부터 '클린 코드가 뭘까?'라는 고민을 다시 하게 되었습니다. 동시에 '그동안 생각해온 클린 코드의 기준이 뭐였을까?' 되돌아보게 되었습니다. 그저 교과서 개념처럼 '다른 사람이 읽기 쉬운 코드'라고 생각해왔던 거 같습니다. 이는 클린 코드의 수많은 조건 중 하나일 뿐 전부가 아니었다는 걸 깨달았습니다. 클린 코드란 무엇인지 정답을 알고 싶었지만 정답은 존재하지 않았고 사람마다, 팀마다 기준이 조금씩 다를 수 있다는 걸 배웠습니다. 개인적으로는 토스에서 발표한 '실무에서 바로 쓰..

들어가면서 리액트와 불변성의 연관 관계는 리액트가 지향하는 함수형 프로그래밍의 특징에서 발견할 수 있습니다. 함수형 프로그램밍의 특징 중 하나가 순수함수를 사용하는 것인데, 여기서 순수함수란 동일한 매개변수를 넣었을 때 동일한 리턴값을 출력하는 함수입니다. 동시에 순수함수는 외부의 값을 변경하는 사이드 이펙트가 일어나지 않는 조건을 지키는 함수를 뜻합니다. 여기서 외부의 값을 변경하지 않는다는 부분이 불변성과 깊이 연관된 부분입니다. 우선 불변성이란 개념을 이해하고 왜 지켜주는지 그 이유와 방법을 알아보겠습니다. 목차 1. 불변성이란 무엇일까 2. 왜 리액트에서 불변성을 지켜야하나 3. 어떻게 불변성을 지키는가 불변성이란 무엇일까 사전적으로 불변성이란 값이나 상태를 변경할 수 없는 것을 의미합니다. 하지..

cryptoJS 사용하는 법 지금부터 plan text를 암호화 하는 방법을 알아보겠습니다. 우선 Work Flow를 읽어보며 흐름을 잡으시고, 예시를 보면서 사용법을 익혀보겠습니다! Work Flow 1. npm i crypto-js 설치 npm i crypto-js 2. import crypto from 'crypto-js' import crypto from 'crypto-js'; 3. Encrypt const ciphertext = CryptoJS.AES.encrypt('암호화할 값', 'secret key').toString(); *secret key는 서버개발자와 공유하는 키값이다. 4. Decrypt const bytes = CryptoJS.AES.encrypt(ciphertext, 'secr..

'왜 package-lock.json이 갑자기 수정되었을까? 협업을 하다보면 의도치 않게 package-lock.json이 업데이트가 되는 경우가 있는데 이유를 알고싶었다.' 1. 의도치 않게 package-lock.json이 수정된 이유 package-lock.json이 수정되었다는 것은 의존성이 새로 추가되었거나, 기존의 의존성이 버전이 변경되었음을 의미합니다. 먼저 의존성이란 우리가 프로그램을 만들 때 의존하고 있는 코드 모듈입니다. package-lock.json과 package.json에 있는 dependencies들이 우리가 사용중인 의존성 목록입니다. 새로운 의존성이 추가되면 당연히 package-lock.json이 변경될 것이지만, 기존 의존성의 버전이 변하는 것은 어떤 경우가 있을까요? ..