Dev log4 Next.JS - page directory VS app directory 서론 기존까지 Next.JS를 사용했을 때 (13 Ver 이하) page directory 구조로만 작업했었다. ServerSideProps가 편리했고 폴더 구조 또한 path기반으로 단순했기 때문. 이번에 토이 프로젝트를 만들 때 app directory구조로 만들어 볼까 해서 두 방식에 어떤 차이가 있는지 큰 틀만 간단하게 정리해봅니다. page directory와 app directory의 차이 폴더 구조의 차이 역시 가장 크게 두드러지는 차이는 라우팅 되는 경로를 지정하는 방법이지 않을까? page directory에서는 pages의 하위 폴더 구조 및 파일 이름(index일 때에는 해당 폴더)이 경로 그 자체인데 반해, app directory에서는 app 하위 폴더에서 여러 규칙들(라우팅 그룹.. 2024. 4. 1. JavaScript 다중상속에 대한 고찰 JavaScript는 객체지향에 맞게 구성할 수 있음에도 불구하고 Class기반 언어가 아닌 prototype기반 언어이기에 완벽한 객체지향이 아니라고 부르는 사람도 있다. 그중 하나의 키워드가 다중상속 이다. 다중상속이 무엇인가 A클래스 A를 상속받은 B클래스 B를 상속받은 C클래스 D클래스 D를 상속받은 E클래스 E를 상속받은 F클래스 이때 C클래스와 F클래스 모두를 상속받는 G클래스가 있다면 G클래스는 다중상속을 하고있는 것이다. 하지만 prototype에 대한 이해도가 어느정도 있다면 여러가지 편법을 동원해서 다중상속을 구현할 수 있을것이라고 생각하게 되었다. 이 아래에서 등장하는 여러 명칭은 Python과 JavaScript가 섞여있다. 필자도 이를 착각하고 혼용하는 경우가 많으니 잠시 설명하고.. 2020. 8. 2. 2020.07.23 - JavaScript에서 Stack과 Queue의 구현 - 2 (Stack, Queue에 관한 내용은 이 페이지에서 상세하게 설명하지 않는다. 추후 정리하여 JavaScript 카테고리에 업로드 예정.) Queue 구현을 위한 생각 배열 (Array)를 사용하지 않고 구현하자. (pop, unshift, push 등의 메서드 사용시 바로 해결되버린다..) Queue클래스 Stack클래스를 정의하여 front, rear, storage라는 인스턴스 속성을 만들어준다. front는 가장 먼저 들어온 값의 키값(빼낼 때의 키값)을 가르키는 포인터 역할이다. rear는 가장 나중에 들어온 값의 키값(추가 되어야 할 키값)을 가르키는 포인터 역할이다. storage는 빈 오브젝트를 넣어준다. enqueue메서드 Queue에 전달인자를 추가하는 메서드 새로 들어온것은 가장 뒤.. 2020. 7. 24. 2020.07.23 - JavaScript에서 Stack과 Queue의 구현 - 1 Stack과 Queue에 대하여 JavaScript에서 이를 구현해보기로 했다. (Stack, Queue에 관한 내용은 이 페이지에서 상세하게 설명하지 않는다. 추후 정리하여 JavaScript 카테고리에 업로드 예정.) Stack 구현을 위한 생각 배열 (Array)를 사용하지 않고 구현하자. (pop, unshift, push 등의 메서드 사용시 바로 해결되버린다..) Stack클래스 Stack클래스를 정의하여 top, storage라는 인스턴스 속성을 만들어준다. top은 들어올 값의 키값(추가될 때의 키값)을 의미하게 만들고 이는 곧 Stack의 크기가된다. storage는 빈 오브젝트를 넣어준다. push메서드 Stack에 전달인자를 추가하는 메서드 새로 들어온것이 가장 위에 추가된다. 전달인자.. 2020. 7. 24. 이전 1 다음
