y.developer

2023.12.18 월 지금까지 계속해서 React를 사용했었다. 그러나 프레임워크와 라이브러리를 비교하면서 "React는 왜 라이브러리일까"라는 생각이 문득 들었다. 그동안 "React는 라이브러리다"라고 배웠기에 흘러가듯이 넘어갔고 사용해왔다. 이제는 궁금증이 든다. 왜? 왜라는 질문에 바로 답이 떠오르지 않아서 찾아보게 되었다. 가장 많이 사용되고 있는 React와 더 알아가며 친해져보자! 1. React 란? 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 React는 페이스북에서 개발한 JavaScript 라이브러리로, 웹 애플리케이션의 사용자 인터페이스를 구축하기 위해 사용된다. 2. 그렇다면 왜 React는 라이브러리일까? 앞서 분류해봤던 프레임워크와 라이브러리의 차이점에 대해..

2023.12.15 금 ` Backtick(백틱), Back Quote(백 쿼트), Grave Accent(그레이브 액센트) 억음 부호 ~ Tilde(틸드) 물결표 ! Exclamation Mark(익스클라메이션 마크) 느낌표 @ At(엣), At Sign(엣 사인) 골뱅이 # Number Sign(넘버 사인), Sharp(샾), Hash(해쉬), Pound Sign(파운드 사인) 샾, 우물정자 $ Dollar Sign(달러 사인) 달러 % Percent Sign(퍼센트 사인) 퍼센트 ^ Caret(캐럿) 캐럿 기호 & Ampersand(엠퍼샌드) 앰퍼샌드 * Asterisk(에스터리스크) 별표 - Hyphen-minus(하이픈 마이너스), Dash(대쉬) 마이너스, 붙임표 _ Underscore(언더스..

2023.12.14 목 TypeScript를 배우면서 타입을 정의할 때 사용하는 type과 interface 두가지 방법에 대한 의문점이 들었다. 누구는 type을, 누구는 interface를 쓰라고 한다. 무슨 기준으로 정해야하는지 궁금했다. 어떤 상황에서 어떤 기능을 활용해야 더 효율적인 코딩 작업을 할 수 있는지 알아보자. Interface 1. 목적 - Interface는 주로 객체의 형태(shape)를 정의하기 위해 사용된다. - 코드의 가독성을 높이고 유지보수성을 개선하는 데 중점을 둔다. 2. 확장 가능성 - Interface는 선언된 이름을 가지고 확장이 가능하다. - 같은 이름의 여러 Interface를 병합(merge)하여 사용할 수 있다. 3. 선언 방법 interface Person..

2023.12.13 수 프레임워크와 라이브러리는 모두 소프트웨어 개발에서 코드를 구조화하고 재사용성을 높이는 도구이다. 그러나 비슷해 보이는 두 용어 간에는 몇 가지 차이가 있다. 그 차이점에 대해서 알아보자. 프레임워크와 라이브러리의 차이 1. 코드 주도권 및 제어 흐름 프레임워크 코드의 주도권이 프레임워크에 있다. 개발자가 프레임워크에 의해 제어되는 애플리케이션 코드를 작성한다. 프레임워크는 개발자에게 특정 규칙과 패턴을 강제하며, 애플리케이션의 제어 흐름은 프레임워크에 의해 관리된다. 라이브러리 코드의 주도권은 개발자에게 있다. 개발자는 필요에 따라 라이브러리의 함수나 클래스를 호출하여 사용한다. 라이브러리는 애플리케이션의 제어 흐름을 개발자에게 넘기며, 개발자는 필요한 기능을 호출하여 사용한다. ..

2023.12.12 화 이번 아웃소싱 팀 프로젝트를 진행한 내용을 정리해보려고 한다, 카카오 맵 API를 활용하여 맛집 리스트를 추천해주는 페이지를 만들었다. 기획단계부터 프로젝트 완성까지 정리한 내용을 전부 살펴보려고 한다. Mechuli 메추리 : 메뉴 추천 리스트 지도를 기반으로 한 메뉴 추천 페이지입니다. 식사 메뉴가 고민된다면 바로 근처에 있는 맛집을 검색해 보세요. 한식, 양식, 중식, 일식 카테고리를 통해서도 검색할 수 있고, 직접 검색어를 입력하여 검색할 수도 있습니다. 검색된 맛집은 마커로 표시되며 상세정보를 볼 수 있습니다. Duration 2023.12.05 ~ 2023.12.11 Role 카카오 맵 API를 활용하여 지도를 띄우고 검색어에 맞는 위치에 마커를 찍고 데이터를 저장하는 ..

뉴스피드 프로젝트 (2023.12.05 ~ 12.11) B반 6조 - 육회하조 KPT 회고 프로젝트를 마치고 회고하는 과정으로 Keep, Problem, Try 부분으로 나누어 진행한다. Keep : 잘하고 있는 점, 계속 이어갔으면 하는 부분 Problem : 개선이 필요하다고 생각되는 부분, 아쉬웠던 부분 Try : 앞으로 시도해 보면 좋을 방법 및 문제 해결책 KPT 회고 진행 팀 프로젝트를 제출하고 발표를 진행했던 내용을 다시 살펴보며 좋았던점, 부족했던점을 공유할 수 있는 회고를 진행했다. Figjam을 활용해서 실시간으로 의견을 작성하고, 이야기를 나누는 시간을 가졌다. 분위기가 좋았고 정들었던 팀원들과의 마지막 회의, 서로에게 칭찬을 나누며 프로젝트의 마무리를 잘 할 수 있었다. Keep 잘..

2023.12.08 금 React Thunk와 React Query는 둘 다 React에서 비동기 데이터를 다루기 위한 라이브러리이지만, 각각의 특징과 사용법에는 몇 가지 차이를 보인다. 어떤 차이점이 있고, 어떤 상황에 사용해야 적절한지 알아보자. React Thunk 1. 상태 관리 라이브러리 - React Thunk는 주로 Redux와 함께 사용되는 상태 관리 라이브러리이다. - Redux Thunk 미들웨어를 이용하여 비동기 작업을 처리한다. 2. Actions, Reducers - Redux에서 Actions와 Reducers를 사용하여 상태를 변경하고 관리한다. - 비동기 작업을 위한 Thunk 함수를 생성하여 사용한다. 3. 복잡성 - 복잡한 애플리케이션에서 상태의 흐름을 명시적으로 관리할 ..

발생 오류 Access to XMLHttpRequest at 'http://dapi.kakao.com/v2/local/search/keyword.json?query=&page=1&size=15' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is not allowed for a preflight request. 발생 상황 카카오맵 API 사용시 지도는 잘 보이는데 검색기능을 이용해서 마커를 찍을 때 해당 에러가 발생했다. 팀원은 작동이 원활하게 되고 나는 안돼서 github pull 충돌 해결시 코..