본문 바로가기

프론트엔드개발자6

[React] useEffect 란? useEffect 란 ? useEffect 란? useEffect(callback, [dependencies]) Effect 란? useEffect 는 왜 useEffect 라고 불리는걸까? effect 란 무엇일까? effect는 함수형 프로그래밍 용어인 "side effect" 를 의미한다. side effect 가 뭔지 이해하기 위해 먼저 pure function 에 대해 이해 해 보자 대부분의 react component는 pure function 이 되려고 한다. react component 를 함수라고 생각하는게 이상하겠지만 react component 는 함수다! 대부분의 react component는 pure function 이며 input을 받고 예측 가능한 JSX output을 만들어낸.. 2022. 11. 3.
[React] Props 로 콜백 함수 전달하기 / 어떨때 Props로 콜백 함수를 전달해야 하는가? Props 로 콜백 함수 전달하기 개념 정리 Props 란 ? react에서 props는 데이터를 한 컴포넌트에서 다른 컴포넌트로 전달 할 때 사용된다. (부모 -> 자식 ) CallBack Function 이란? 정의: 프로그래밍에서 콜백 또는 콜백함수는 다른 코드의 인수로서 넘겨주는 실행 가능한 코드를 말한다. 콜백을 넘겨받는 코드는 이 콜백을 필요에 따라 즉시 실행할 수도 있고, 아니면 나중에 실행할 수도 있다. 이벤트는 페이지가 로드되거나 유저가 click, hover, change 등의 상호작용을 했을 때 등 그 밖의 여러가지 상황에서 발생한다. 이벤트에 반응하기 위해서 함수를 공급해야한다. 이벤트가 발생했을 때 불려 질 함수를 콜백함수라고 한다. React Data Flow data는 부모에서.. 2022. 10. 29.
한 우물 로또왕 - UI , Component 계획, Create React App으로 개발 환경 구성하기 한 우물 로또왕은 2021년 개발 동아리 프로젝트로 시작 된 기획이다. 당시에는 바닐라 자바스크립트로만 프로젝트를 구현 했었는데 이번엔 리액트로 구현 해 보려고 한다. 자바스크립트 프로젝트에서는 로또게임 결과를 조회하기만 했었는데 이번엔 회원가입 기능, 랭킹 확인 기능을 추가하기로 했다 . 어느정도 앞단만 구현을 하다가 시간이 지나고 보니 이때까지 구현했던 코드들에 부족한 점이 많이 보여서 블로그 글로 정리 하면서 처음부터 다시 구현 해 볼까 한다. Pages , Components 기획 Pages Home 메인 페이지 Login 로그인 페이지 Join 회원가입 페이지 Rank 랭킹 확인 페이지 Components MyHeader MyButton (props - txt , onClick, blockFla.. 2022. 10. 9.
[프로그래머스]정렬 | K번째 수 JS 풀이 K번째 수 문제 링크 https://programmers.co.kr/learn/courses/30/lessons/42748 코딩테스트 연습 - K번째수 [1, 5, 2, 6, 3, 7, 4] [[2, 5, 3], [4, 4, 1], [1, 7, 3]] [5, 6, 3] programmers.co.kr 생각 해 볼만한 점 / 2번째 케이스 체점 오류 문제 자체는 쉽고, 간단하게 풀 수 있다. 그런데 2번째 케이스에서 체점 오류가 나면서 그냥 정렬 하기 위해 쉽게 생각 없이 써 왔던 sort() 에 대해 생각 해 보게 되었다. sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를.. 2022. 4. 24.

티스토리툴바