개발
-
[클린코드] 2. 의미있는 이름 - 요약 및 인사이트웹 개발/클린코드 2022. 4. 2. 22:39
real world example 오픈 소스들을 보면서 문득 이 코드들이 과연 최선의 방식일지에 대해 궁금증이 생겼다. 좋은 코드를 분별하고 또 작성하기 위해 클린코드 책을 공부하면서 정리해보기로 했다. 인사이트 정리 코드에서 의미있는 이름이라는 것이 정해진 규칙이 있는 것이 아니라 다른 개발자가 내 코드를 보았을 때 코드의 의미를 명확하게 이해할 수 있게 만드는 것이 중요하다는 것을 느꼈다. 커뮤니케이션을 할 때도 명확한 단어를 쓰지 않으면 각자가 다르게 해석한다는 것을 많이 느끼는데,코드를 짤 때도 마찬가지라는 것을 느낀다.내가 짠 코드가 명확한 의미를 가진 이름과 맥락을 가질 수 있도록 적용해보아야겠다. 요약 1) 의도를 분명히 밝혀라 - 변수(혹은 함수나 클래스)의 존재이유는? 수행 기능은? 사용..
-
6시간만에 3500명이상 유입된 대학교 특성 mbti 테스트 프로젝트나의/회고 2021. 6. 15. 19:04
웹 개발자가 되겠다는 마음으로 처음으로 시작한 프로젝트! 많은 시간 안 들이고 실제 서비스를 구현해볼 수 있는 아이템이 뭐가 있을까 고민하다 요즘 핫하고 내가 좋아하는 mbti테스트를 떠올렸다. 내가 다니는 대학교는 공동체 특징이 강하기 때문에 학교만을 위한 mbti를 만들면 너무너무 재밌을거 같았다! 그래서 상담심리 전공 친구를 영입해 함께 프로젝트를 시작했다 나는 웹 기획, 디자인, 개발을 맡았고 상담심리 친구는 내가 미리 생각해둔 질문지를 토대로 질문과 결과지를 만들어주었다 디자인 툴 : figma. 개발 툴 : react.js + firebase 0) 개발 단계 본래는 프론트에 react.js 백엔드에 node.js로 서버를 만들고 mysql과 닷홈의 무료 호스팅을 사용하여 개발했으나..! 용량이..
-
[ReactJS] React state 관리웹 개발/ReactJS 2021. 5. 14. 21:40
일반 변수는 변수값이 변해도 새롭게 렌더링 되지 않는다. let count = 1; 이를 해결하기 위해 state를 관리하여 DOM을 업데이트 하는 react hook들을 정리해보려 한다. useState 데이터 공간 생성 const [데이터, 데이터변경함수] = useState(초기데이터); ex) const [count, setCount] = useState(0); .. {setCount(count+1)}> -> onclick 이벤트를 통해 useState의 변수값이 바뀌면 컴포넌트가 새롭게 렌더링 된다. 이 때 랜더링마다 count 값을 업데이트 되는 것이 아니라 랜더링을 통해 새롭게 생성된 독립적인 상수를 보는 원리이다. ** Immutability react는 useState의 변수를 직접 바꾸..