웹 개발
-
[클린코드] 6. 객체와 자료구조 - 요약 및 인사이트웹 개발/클린코드 2022. 4. 17. 15:47
인사이트 정리 요즘 타입스크립트를 공부하기 때문에 더 찔리는(..ㅎ) 챕터였다. 여태까지는 자료구조와 객체, 절차적인 클래스와 객체지향적인 클래스를 고려하지 않고 개발했던 것 같다. 과거를 되돌아볼 때 flutter에서 provider를 사용할 때는 빈 구조의 자료 구조체를 사용했던 것 같고, 타입 스크립트에서는 객체지향적인 클래스를 사용해보려고 한 것 같다. 이유를 묻는다면,, 코드 예시에서 그렇게 사용했기 때문에.,,? 하지만 이번 공부를 통해, 언어마다 정답이 있거나 예시에 있다고 냅다 따라 쓰는 것이 아니라 시스템의 확장성을 고려하여 자료구조와 객체 중 최적의 방법을 선택해야한다는 것을 알게 되었다. 6장까지 읽으면서 느끼는 건, 클린 코드를 만드는 정답이 따로 있는 것이 아니라, 개발자가 협업과..
-
[클린코드] 5. 형식 맞추기 - 요약 및 인사이트웹 개발/클린코드 2022. 4. 10. 16:56
인사이트 정리 클린 코드를 읽고 코드를 짜다보니 더 좋은 코드를 짜고 싶어 머리를 싸매게 된다. 속도가 느려지는 것은 당연.. 이런 고민을 선배 개발자에게 나누니 좋은 코드인지 아닌지는 서비스를 유지보수하고 확장했을 때 명확해지니 너무 고민하지말고 먼저 코드를 짜고 리팩토링을 해보라고 이야기를 해주었다. 클린코드에서도 코드 형식이 너무 중요하기 때문에 맹목적으로 따르면 안된다고 하는 것을 보고 책의 내용에 내 코드를 맞추기보다는, 책의 개념들을 참고해 나(팀)만의 규칙으로 만드는 것이 중요한게 아닌가 하는 생각이 들었다. eslint나 prettier처럼 코드 스타일을 맞춰주는 도구들이 많은데 도구들에 의존하기 보다는 규칙들을 적용해 더 잘 활용해보아야겠다. 요약 프로그래머라면 형식을 깔끔하게 맞춰 코드..
-
[클린코드] 4. 주석 - 요약 및 인사이트웹 개발/클린코드 2022. 4. 7. 21:46
인사이트 정리 주석은 코드가 아니라고 생각해서 대충 입력하고 남겨두는 경우가 많았는데, 나같은 이런 개발자들이 많이 때문에 더욱이 주석을 사용하면 안된다는 것을 알게 되었다. 주석보다는 코드로 최대한 의미를 전달하도록 하고, 소스코드 관리 시스템로 형상관리를 해보자! 요약 - 우리는 코드로 의도를 표현하지 못해, 그러니까 실패를 만회하기 위해 주석을 사용한다. - 코드로 의도를 표현할 방법은 없을까? - 코드는 변화하고 진화한다. 주석이 언제나 코드를 따라가지는 않는다. - 부정확한 주석은 아예 없는 주석보다 훨씬 더 나쁘다. 1. 주석은 나쁜 코드를 보완하지 못한다. - 표현력이 풍부하고 깔끔하며 주석이 거의 없는 코드가, 복잡하고 어수선하며 주석이 많이 달린 코드보다 훨씬 좋다. 2. 코드로 의도를..
-
[클린코드] 3. 함수 - 요약 및 인사이트웹 개발/클린코드 2022. 4. 4. 22:43
인사이트 정리 처음부터 끝까지 반성하면서 봤던 파트이다. 함수의 개수를 적게 만들어야할지 함수의 길이를 적게 만들어야할지 고민이 많았는데, 다른 사람이 어떤 함수인지 바로 파악해서 고민 없이 쓸 수 있을만큼 함수를 최대한 작게 쪼개서 하나의 추상화 개념만 수행하도록 해야한다는 것을 배웠다. 함수의 규칙을 외우고 맞추기보다 다른 사람이 내가 짠 함수를 보았을 때 하나의 시나리오처럼 매끄럽게 읽히는지가 핵심이라는 것을 명심하기 ! 요약 어떤 프로그램이든 가장 기본적인 단위가 함수이다. 1) 작게 만들어라 - 함수를 만드는 첫째 규칙은 '작게'다. 함수를 만드는 둘째 규칙은 '더 작게'다.- 중첩구조가 생길만큼 함수가 커져서는 안 된다는 뜻이다. -> if문 , while 문에 들어가는 블록은 한 줄이어야 한..
-
[클린코드] 2. 의미있는 이름 - 요약 및 인사이트웹 개발/클린코드 2022. 4. 2. 22:39
real world example 오픈 소스들을 보면서 문득 이 코드들이 과연 최선의 방식일지에 대해 궁금증이 생겼다. 좋은 코드를 분별하고 또 작성하기 위해 클린코드 책을 공부하면서 정리해보기로 했다. 인사이트 정리 코드에서 의미있는 이름이라는 것이 정해진 규칙이 있는 것이 아니라 다른 개발자가 내 코드를 보았을 때 코드의 의미를 명확하게 이해할 수 있게 만드는 것이 중요하다는 것을 느꼈다. 커뮤니케이션을 할 때도 명확한 단어를 쓰지 않으면 각자가 다르게 해석한다는 것을 많이 느끼는데,코드를 짤 때도 마찬가지라는 것을 느낀다.내가 짠 코드가 명확한 의미를 가진 이름과 맥락을 가질 수 있도록 적용해보아야겠다. 요약 1) 의도를 분명히 밝혀라 - 변수(혹은 함수나 클래스)의 존재이유는? 수행 기능은? 사용..
-
-
Rest API란 무엇인가웹 개발/ReactJS 2022. 3. 21. 22:12
Rest API 는 클라이언트와 서버가 소통하는 방식이다. Rest API 설계 규칙은 다음과 같다. GET /members/delete/1 - URL로 자원에 대한 표현을 해야한다. (명사) - 자원에 대한 행위는 HTTP Method(GET, POST, DELETE, PUT)로 표현한다. 참고 사이트 https://meetup.toast.com/posts/92 REST API 제대로 알고 사용하기 : NHN Cloud Meetup REST API 제대로 알고 사용하기 meetup.toast.com
-
[ReactJS] Module이란 무엇일까?웹 개발/ReactJS 2022. 2. 10. 10:26
프론트엔드 개발 올인원 패키지 with React Online. Webpack 강의 내용을 기반으로 정리한 내용입니다. Module이란 Module은 프로그램을 구성하는 내부의 코드가 기능별로 나뉘어져있는 형태를 의미함 1) 한 파일에 쓰여진 코드를 여러 파일로 관리할 수 있으며 2) 다른 모듈로부터 특정 기능을 가져오거나, 다른 모듈이 특정 기능을 참조할 수 있게 함 모듈화를 하면 코드 재사용성이 증가하며, 모듈을 기준으로 코드 내용을 구조적으로 확인가능하기 때문에 코드의 관리가 편해진다. 모듈화를 위해서는 키워드, 모듈 시스템, 모듈의 기준이 필요하다. Module의 표준 1. CommonJS (node.js) 2. ESM Module의 키워드 1. 내보내기 - 내보낼 값을 객체 안에 넣고 객체를 통..