본문 바로가기

전체 글30

순서쌍의 개수 문제==> 순서쌍의 개수 https://school.programmers.co.kr/learn/courses/30/lessons/120836 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 풀이==> function solution(n) { let answer = 0; for (let i = 1; i 2023. 9. 26.
상태관리를 왜 할까요? 리엑트에서는 상태 관리는 중요한 요소입니다. 상태 관리는 왜 중요할까? 1. 예측 가능한 동작: 상태 관리를 통해 애플리케이션의 동작을 예측 가능하게 만듭니다. 이를 통해 버그를 찾고 디버깅하는 데 도움이 됩니다. 2. 코드의 효율성: 여러 컴포넌트에서 동일한 상태를 공유해야 할 경우, 상태 관리를 통해 코드의 재사용성과 쇼유성을 높일 수 있습니다. 3. 성능 최적화: 상태 변경에 따른 렌더링을 효과적으로 관리하면 성능을 향상시킬 수 있습니다. 예를들자면 컴포넌트 간 데이터 공유: 리엑트에서는 여러개의 컴포넌트들로 이루어져있습니다. 이러한 컴포넌트 간에 데이터를 공유하려면 상위 컴포넌트에서 하위 컴포넌트로 props를 통해 데이터를 전달해야 합니다. 그러나 이러한 방식은 여러 컴포넌트가 동일한 데이터를 .. 2023. 8. 2.
첫 협업 회고 첫 협업을 시작하며 회고를 쓰려고 합니다. 이 경험이 어려움을 포함하고 있지만 백엔드 팀원들과 지속적인 소통을 통해 문제를 해결해나가는 과정에서 소통의 중요성을 깨닫게 되었습니다. 이전에 프론트 엔드 팀원들과 페어 프로그래밍을 통해 협업한 적은 있었지만, 깃과 관련된 부분에서 초반에 푸시에 대한 의논을 제대로 못해서 conflict를 해결하는 데 시간이 걸렸습니다. 하지만 우리 팀원들끼리 함께 해결책을 찾아보고 공유하며 문제를 해결하는 과정에서 소통의 중요성을 몸소 깨닫게 되었습니다. 첫 협업이었기 때문에 불순조롭거나 어려운 순간들이 있었지만, 이러한 경험을 통해 앞으로의 협업 프로젝트들을 진행하면서 어떻게 접근하고 어떤 태도로 임해야 하는지에 대해 배울 수 있었습니다. 협업 과정에서 배운 교훈은 다음과.. 2023. 7. 24.
Axios Axios 는 promise Api 를 활용하는 Http 비동기 통신 라이브러리 이다. Ajax, fetch 와 같은 웹 통신 기능을 제공하는 라이브러리 이다. Http 요청 취소 및 요청과 응답을 JSON 형태로 자동으로 변경해 준다. 브라우저 호환성이 뛰어나다. Yarn 으로 설치할때 $yarn add axios 기본형태 GET, POST , Other Http Method - GET(데이터를 가져올때) axios.get('/test?name=veneas') .then(function (response) { // 성공한 경우 실행 console.log(response); }) .catch(function (error) { // 에러인 경우 실행 console.log(error); }) .then(fu.. 2023. 7. 17.