TIL & WIL/오늘의 공부.js19 클린코드와 리팩토링 리액트로 파이널 프로젝트를 진행하면서 도전보다는 완성을 중점으로 생각하였고, 생각보다 많은 CRUD의 범벅이 되어있었다. 비슷한 로직과 구정이 많아지면서 멘토님과 상의해 리팩토링을 계속해서 진행하는 방향으로 프로젝트를 진행하였고, 리팩토링을 하는 과정에서 내가 작성하는 코드에 대한 의문들이 많이 생겼다.. 클린 코드를 작성하는 것은 유지보수성과 생산성에 영향을 끼치게 된다. 단순히 짧거나 추상화가 잔뜩 되었다고 좋은 코드가 되는 것도 아니다. 아래 영상을 참고하여 클린 코드에 대한 정리를 조금 해보려고 한다. 참고 영상 : https://youtu.be/alb3OZfsqjM?si=H20glkWfvud3CN9Z 완벽한 코드는 아니더라도, 이것만은 지켜보자! 무분별한 약어 사용을 피하자 코드를 줄여야 하는 .. 2023. 10. 4. Strapi, Headless CMS, GraphQL SEB에서 진행한 클론 코딩에서 배포까지 완성하지 못한 프론트 동료들의 아쉬움으로 함께 파이널 프로젝트를 끝낸 후 모이게 되었다. 백엔드 동료분들에게 상의 해 보았을 때 더이상 진행이 어려울 것 같다고 하였고, 백엔드 api 완성이 되지 않은 상태라 프론트 측에서 진행이 어려운 상태였다. 해서 백엔드 api를 처음부터 작성해서 진행을 하는 걸 고려하다 멘토님을 통해 Strapi(스트라피)에 대해 알게 되었다. 스트라피는 Node.js 웹 프레임워크 중 하나인 Koa를 기반으로 구현되었으며, 풀 커스터마이징이 가능한 개발자 우선(Developer-first) 오픈소스 Headless CMS 이다. 스트라피를 가볍게 사용해보니 내가 하루종일 해야하는 일을 1시간 안에 완성 시켜주는 느낌을 받았다.. 스트라피.. 2023. 10. 3. 혼자 공부하는 자바 스크립트 9-1 확인문제 1. 다음 중 옳지 않은 것을 골라주세요. 클래스 내부에서 this 키워드는 객체(인스턴스)를 의미합니다. 클래스 생성자를 만들 때는 클래스 이름과 같은 메소드를 사용합니다. 객체(인스턴스)가 가진 속성과 메소드에 접근할 때는 온점(.)을 사용합니다. 클래스는 class 키워드로 만듭니다. 2. 달라도 상관없다! c 언어등에 해당하는 속성 2. 여러 가지 프로그램이 들어 있는 객체를 생각해보세요. 예를 들어 배달 어플리케이션이라면 가게, 메뉴, 주문 내역, 리뷰, 회원 등의 객체를 생각해볼 수 있습니다. 또 이러한 객체의 속성을 생각해볼 수도 있습니다. 가게 객체라면 이름, 주소, 영업시간, 전화번호 등의 속성을 생각해볼 수 있습니다. 3가지 정도의 프로그램을 살펴보면서 다음과 같이 정리해보세요 프로그램.. 2022. 12. 8. express.js의 라우터와 미들웨어 https://velog.io/@bohoon100/express.js의-라우터의-미들웨어-작동원리 시작하기에 앞서 가장 먼저 미들웨어란 무엇일까? 미들웨어 함수는 req(요청) 객체, res(응답) 객체, 그리고 어플리케이션 요청-응답 사이클 도중 그 다음의 미들웨어 함수에 대한 엑세스 권한을 갖는 함수이다. 미들웨어란 간단하게 말하면 클라이언트에게 요청이 오고 그 요청을 보내기 위해 응답하려는 중간(미들)에 목적에 맞게 처리를 하는, 말하자면 거쳐가는 함수들이라고 보면 되겠다. 예를 들어서 요청-응답 도중에 시간을 콘솔 창에 남기고 싶으면 미들웨어 함수를 중간에 넣어서 표시를 한 뒤에 계속해서 다음 미들웨어들을 처리할 수 있도록 하는 것이다. 다음 미들웨어 함수에 대한 엑세스는 next 함수를 이용해서.. 2022. 12. 8. 이전 1 2 3 4 5 다음
