Front End
TDD 방법론
TDD(Test-driven Development)TDD를 사용하는 이유테스트 코드를 작성하는 방법React 환경에서 테스트하기React 기본 테스트 환경 확인직접 만든 컴포넌트 테스트하기CodeSandboxTDD(Test-driven Development)TDD는 코드를 작성하기 전에 테스트를 쓰는 소프트웨어 개발 방법론이다. 개발자 자신이 바람직하다고 생각하는 코드의 결과를 미리 정의하고 이를 바탕으로 코드를 작성하는 방법으로, TDD를 통해 소프트웨어를 개발하는 것은 작은 단위의 테스트 케이스를 작성하고 이를 통과하는 코드를 작성하는 과정을 반복하는 것을 의미한다.TDD의 개발 주기TDD의 개발 주기를 그림으로 나타내면 위와 같이 총 3단계로 이루어진다.Write Failing Test : 실패하는..
AWS
Cloud Computing서비스의 형태AWS (Amazon Web Service)EC2 (Elastic Compute Cloud)Instance 생성 및 연결보안 그룹(Security Group)RDS (Relational Database Service)S3 (Simple Storage Service)정적 웹 사이트 호스팅 과정Deploy (배포)Deploy 시 주의점AWS를 이용한 Deploy 전략Cloud Computing클라우드 컴퓨팅은 여러 거대 기업에서 사용하는 데이터 센터의 유휴자원을 대여해 기존 방식으로 구축한 서버의 물리적인 한계와 리소스를 대신할 수 있는 기술이다. 현대의 클라우드 컴퓨팅은 가상화(Virtualization) 기술의 발달에 따라 물리적인 컴퓨터가 아닌 가상 컴퓨터를 대여..
최적화(__Optimization)__
JavaScript 파일 불러오기HTML 코드 파싱 중에 브라우저 이미지 최적화이미지 스프라이트클라이언트에서 서버 요청이 증가하면 로딩 시간은 점점 늘어난다. 간단한 아이콘이나 작은 이미지 요청을 위해 수십번의 요청을 보내는 것은 비효율적이기 때문에, 서버 요청 수를 줄이기 위해 사용하는 것이 이미지 스프라이트 기법이다. 네이버 메인 화면에서 사용하는 스프라이트 이미지이미지 스프라이트는 작은 아이콘이나 버튼 등을 한 이미지 파일에 모아서 저장하고, 실제 출력은 특정 요소에 width, height, background-image, background-position등의 스타일 속성을 사용하여 이미지를 삽입할 수 있다. 해당 기법을 이용하면 한 번의 이미지 요청으로 대부분의 개별 이미지를 사용할 수 있어 ..
YAML
YAMLJSON vs. YAMLYAML 문법주석, 문서의 시작과 끝, 기본 표현자료형Text실제 사용 사례YAMLYet Another Markup Language의 약자로, 사람이 읽을 수 있는 데이터 직렬화 언어를 의미한다. YAML ain’t markup language(재귀 약어)로 생각하는 사람도 있는데, 이는 YAML이 문서가 아닌 데이터용임을 강조하는 말이다. 파일로 작성 시 확장자는 .yaml 또는 .yml 확장자를 가진다.YAML은 사람이 읽을 수 있고 이해하기 쉬워 프로그래밍 언어 중에서도 인기가 높으며, 다른 프로그래밍 언어와 함께 사용할 수도 있어 이런 유연성과 접근성으로 인해 자동화 프로세스를 생성하는 데에도 사용된다.JSON vs. YAMLname: Bare Minimum Requ..
알고리즘
알고리즘알고리즘의 중요성시간 복잡도 (Time Complexity)Big-O 표기법데이터 크기에 따른 시간 복잡도공간 복잡도(Space Complexity)공간 복잡도의 중요성Algorithm의 유형Greedy Algorithm탐욕 알고리즘의 특징Dynamic Programming(DP, 동적 계획법)동적 계획법의 특징Algorithm 구현의 기초완전 탐색Brute Force시뮬레이션시뮬레이션 예시Algorithm with Math순열순열의 식조합조합의 식GCD와 LCM(최대공약수, 최소공배수)GCD와 LCM을 구하는 기본적인 방법 : 공약수로 나누어보기GCD와 LCM을 구하는 유클리드 호제법멱집합알고리즘알고리즘은 어떤 문제를 해결하기 위해 일련의 절차를 정의하고, 공식화한 형태로 표현한 일종의 문제 풀..