잘못된 지식의 위험성과 사고방식

잘못된 지식의 위험성과 사고방식

지식의 검증!

• 문제 발생

  Next.js 에서 styled-components 적용이 안 됨

  검색을 통해 babel 설정과 SSR 추가 코드를 작성함으로 해결

  하지만 빌드되지 않은 SSG 에서도 적용이 됨

  SSG 에서는 SSR 이랑 달라야 하는 것 아니냐는 의문 발생

• 배경

  Next.js 튜토리얼을 읽으며 SSG 와 SSR 의 차이 알게됨

  빌드되기 전에도 정적 파일을 생성하지 않는 것은 알았으나 SSG 방식이거나 CSR 방식 (SSR 이외)인 줄 알았음

  getServerSideProps 은 SSR 배포후 적용되는 줄 알았음

• 문제 해결

  공식 문서와 여러 글들을 서치

  배경 지식에서 빌드되기 전에는 getStaticProps 를 사용하면 getServerSideProps 와 다르게 동작한다는 것이 틀렸음

  빌드되기 전에는 getStaticProps 도 빌드 전에는 서버에서 요청에 따라 HTML 을 재생산 하므로 getServerSideProps 와 똑같이 동작 (Initial Load, Hydration)

• 깨달은 점

  제대로된 방법을 적용했는데도 자신의 의도와 달리 행동한다면 자신이 알고 있는 것을 의심해야 함

• 사고 패턴화

  함수형으로 직접 짜봄

    function (knowledge:지식, information:정보 ,doing:일, environment:환경, ...other:기타 등등 ):done  {
        # 일 시작
        start(doing);
  
        # 일하는 중 문제 생길때
        if (problem in doing) {
            # 정보 확인
            check(information)
            # 정보가 맞을 때
            if (information == true) {
                # 환경 확인
                check(environment)
                # 환경도 맞을 때
                if (environment == true) {
                    # 모든 변수 체크
                    check(other)
                    # 기타 변수들도 체크할 만큼 했는데 문제 없다면
                    if (not false in other) {
                        # 기존 지식 검증
                        check(knowledge)
                    }
                }
            }
        }
        return doing
  
    }