목록전체 글 (86)
능히 해낼 수 있다
✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). useEffect는React Hooks중에 하나로, 랜더링이 필요한 곳에 사용하는 내장메소드이다. 예를들어 컴포넌트를 만들었을 때, 컴포넌트가 시작될 때, 컴포넌트가 업데이트 될 때, 이 전체 주기를 생명주기라고 하며 이 과정에서 useEffect를 사용하면 된다. useEffect예시를 보기 전에 생명주기부터 살펴보자 0.Life Cycle(생명주기) 앞서 이야기 한 것 처럼 생명주기는 크게 세단계로 나눌 수 있다. mount(컴포넌트가 표시될 때) → update(컴포넌트의 "내부요소"가 업데이트 할 때) → unmount(컴포넌트가 사라질 때) 이 세단계 중 시점을 골라, 해당시점에 특정한 함수가 실..
✍️✍️✍️ 위 글은 면접을 위한 CS 전공지식 노트를 읽고 학습한 내용으로 구성되었으며, 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 0. 네트워크 개념 네트워크란 노드(node)와 링크(link)가 서로 연결되어 있거나 연결되어 있지 않은 집합체를 의미한다. 아래 그림은 네트워크를 표현한 이미지다. 위 그림을 보면 동그라미는 노드이고, 선은 링크라고 표현했는데, 앞서 작성한 설명처럼 노드가 연결되어 있거나 연결되어 있지 않다는 의미를 위 그림 처럼 나타내 네트워크가 어떤식으로 구성되어 있는지 짐작해 볼 수 있을 것 같다. 여기서 노드(node)는 서버, 라우터, 스위치 등 네트워트 장치를 의미하며, 링크는 유선 또는 무선을 의미 한다. 이렇게 복잡하게 연결되어있는 네..
✍️✍️✍️ 위 글은 면접을 위한 CS 전공지식 노트를 읽고 학습한 내용으로 구성되었으며, 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 공장의 컨베이어 벨트처럼, 들어가는 각 제품 공정을 통해 비슷 한 듯 새 제품을 추출해 낼 수 있는 구조를 빗대어 공장패턴(factory pattern)이라고 한다. 좀 더 CS적인 설명을 추가하자면, 팩토리 패턴은 객체를 사용하는 코드에서 객체 생성부분을 떼어 추상화한 패턴이자 상속관계에 있는 두 클래스에서 부모클래스가 중요한 뼈대를 결정하고, 자식클래스에서 객체 생성에 관란 구체적인 내용을 결정하는 패턴이다. 클래스가 상하위로 분리되기 때문에 객체 생성을 별도의 팩토리에 위임하여 클래스 간의 강한 의존성을 줄이고, 클라이언트 코드의 ..
✍️✍️✍️ 위 글은 면접을 위한 CS 전공지식 노트를 읽고 학습한 내용으로 구성되었으며, 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). Singleton Pattern은 하나의 Class에 오직 하나의 Instance만 가지고 패턴이다. 하나의 Class를 기반으로 여러개 개별적인 Instance를 만들 수 있으나, 싱글톤 패턴은 하나 대 하나로 로직을 만들 때 사용하며 보통 DB연결 모듈에 많이 사용한다. 장점 단점 하나의 Instance를 기반으로 해당 Instance를 타 모듈이 공유. 때문에 Instance생성비용이 줆 높은 의존성 I/O(Input/Output) Bound 작업에 사용됨(인스턴스 생성에 많은 비용이 드는 작업) TDD(Test Driven Dev..
✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 0. MVC 패턴 MVC 패턴은 Flux가 등장하기 전 대부분의 앱이 사용하던 소프트웨어 디자인 패턴이다. 주로 웹 및 응용 프로그램에서 사용되며, 코드의 재사용성을 높이고 유지보수를 용이하게 하기 위해 설계되었다. Model: 데이터 보관. 비즈니스 로직을 관리한다. View: 데이터를 화면에 보여주는 역할. UI를 나타낸다. Controller: 사용자의 입력을 받아 데이터에 대한 수정, 조회등의 역할. 모델과 뷰의 결합도를 낮춰 유연한 구조를 유지할 수 있도록 도와준다. MVC패턴의 가장 큰 장점은 역할을 분리함으로써 코드의 모듈성과 재사용성을 높여준다는 점이다. 이로 인해 개발자들은 각각의 역할에 ..