항해99 5주차 react

jooooo·2021년 11월 30일
0
post-thumbnail
post-custom-banner

오늘은

8시 기상
8시 30분 아침식사
9시 게더입장
11~12시 운동

개인과제 진행도..

오늘도 강의를 들으며 개인과제를 진행하고 있고 컴포넌트와 기능등을 쪼개서 뷰를 구현해봤다.
메인 페이지와 로그인,회원가입, 게시물 뷰를 구현하였고, 내일은 로그인과 회원가입 기능을 만들어봐야 할 것 같다. 1주차에 JWT 방식으로 로그인/회원가입을 구현해본적이 있는데 react에서도 토큰을 이용하여 만들 수 있는 것 같은데 비슷한 방식일지 궁금하다.. 2주차 강의가 헬이라는 소문이 돌던데 걱정이되지만 일단 해보자라는 생각으로 내일을 맞이할 생각이다.

오늘의 TIL

  • components/elements/pages/shared 등 큰 부분에서 작은 부분으로 쪼개서 컴포넌트를 만들어보는 버릇을 들여보자.

  • elements에는 Button,Grid,Image,Input,Text,index로 구성하였고
    index에는 각 요소 컴포넌트들이 많아 질 경우에 한꺼번에 import하여 컴포넌트들을 묶어서 한번에 사용하도록 만들어 준다.

  • Callback함수
    콜백함수를 정확히는 알지 못해서 이번에 한번 찾아봤다.
    Callback함수는 말그대로 나중에 호출되는 함수를 말하는데, 특별한 선언이나 문법적 특징은 가지고 있지 않다고한다.
    콜백함수 역시 자바스크립트의 일반적인 함수 중 하나이고 어떤 이벤트가 발생했거나 특정 시점에 도달 했을 때 시스템에서 호출하는 함수를 말한다.

  • 콜백이란?
    콜백은 자바스크립트가 비동기 처리를 하기 위한 패턴 중 하나이다.

  • 콜백 헬
    꼬리에 꼬리를 무는 비동기 처리가 늘어나면서 호출이 계속 중첩되고, 코드가 깊어지고 관리는 어려워진다.
    이렇게 깊게 중첩되는 것을 콜백 헬 또는 멸망의 피라미드라고 부른다.

  • 발생이유?
    비동기 처리시에 실행완료를 기다리지 않고 바로 다음 작업을 실행한다. 순서대로 코드를 쭉 적는다고 우리가 원하는 순서로작업이 이루어 지지않으며 비동기 처리 함수 내에서 처리 결과를 반환하는 걸로 원하는 동작을 하지 않으니,콜백 함수를 사용해 원하는 동작을 하게 하려고 콜백 함수를 쓴다.콜백 함수 내에서 또 다른 비동기 작업이 필요할 경우 계속 같은 중첩이 생기면서 콜백 헬이 발생하게 된다.

profile
INFP🖐
post-custom-banner

0개의 댓글