네트워크 1.1 HTTP 리퀘스트 메시지를 작성한다.

* 성공과 실패를 경정하는 1%의 네트워크 원리 책을 정리한 내용입니다. 1.1 HTTP 리퀘스트 메시지를 작성한다. 1. 브라우저에 URL을 입력한다. HTTP 는 HyperText Transfer Protocol이다. 프로토콜은 통신 동작의 규칙을 정한 약속을 의미한다. 2. 브라우저가 URL을 해독한다. URL은 다음과 같이 나뉘어진다. http: + // + 웹 서버명 + / + 디렉토리명 + / + ... + 파일명 ex) http://www.lab.cyber.co.kr/dir1/file1.html 맨 앞자리 http는 데이터 출처에 액세스 하는 방법, 즉 프로토콜을 기록한다. (Http이외에도 Ftp등이 있다.) 그 후 //는 다음 문자열이 서버의 이름임을 나타낸다. 웹 서버 다음은 데이터 출..

패스트 캠퍼스 : 토이 프로젝트

패스트 캠퍼스에서 첫번째 토이 프로젝트를 진행하였다. 모바일 은행 앱을 모방한 웹을 만드는 것이었다. HTML, CSS, 바닐라 JS를 사용하여 프로젝트를 만들었다. BEM HTML은 BEM 방식으로 class를 만드는 데 초점을 두었다. 처음 만들때에는 클래스 이름이 너무 길어져서 굉장히 귀찮았는데, CSS를 만들때 굉장히 편리했다. BEM 방식이 아니라 간단한 클래스로 엘리먼트를 만들면 CSS 선택자가 너무 길어진다. 예를 들어 account클래스를 가진 div 엘리먼트 안에 header 엘리먼트 안에 feature클래스를 가진 div 엘리먼트 안에 qr 클래스를 가진 div 엘리먼트를 선택하려면 CSS 선택자와 account__header--feature--qr 클래스를 가진 div 엘리먼트를 선택..

LeetCode : 6 - javascript

https://leetcode.com/problems/zigzag-conversion/ 6. Zigzag Conversion The string "PAYPALISHIRING" is written in a zigzag pattern on a given number of rows like this: (you may want to display this pattern in a fixed font for better legibility) P A H N A P L S I I G Y I R And then read line by line: "PAHNAPLSIIGYIR" Write the code that will take a string and make this conversion given a number of ..

프로그래머스 : 다리를 지나는 트럭-javascript

https://programmers.co.kr/learn/courses/30/lessons/42583 문제 설명 트럭 여러 대가 강을 가로지르는 일차선 다리를 정해진 순으로 건너려 합니다. 모든 트럭이 다리를 건너려면 최소 몇 초가 걸리는지 알아내야 합니다. 다리에는 트럭이 최대 bridge_length대 올라갈 수 있으며, 다리는 weight 이하까지의 무게를 견딜 수 있습니다. 단, 다리에 완전히 오르지 않은 트럭의 무게는 무시합니다. 예를 들어, 트럭 2대가 올라갈 수 있고 무게를 10kg까지 견디는 다리가 있습니다. 무게가 [7, 4, 5, 6]kg인 트럭이 순서대로 최단 시간 안에 다리를 건너려면 다음과 같이 건너야 합니다. 경과 시간 다리를 지난 트럭 다리를 건너는 트럭 대기 트럭 0 [] [..

프로그래머스 : H-index-javascript

https://programmers.co.kr/learn/courses/30/lessons/42747 코딩테스트 연습 - H-Index H-Index는 과학자의 생산성과 영향력을 나타내는 지표입니다. 어느 과학자의 H-Index를 나타내는 값인 h를 구하려고 합니다. 위키백과1에 따르면, H-Index는 다음과 같이 구합니다. 어떤 과학자가 발표 programmers.co.kr 문제 설명 H-Index는 과학자의 생산성과 영향력을 나타내는 지표입니다. 어느 과학자의 H-Index를 나타내는 값인 h를 구하려고 합니다. 위키백과1에 따르면, H-Index는 다음과 같이 구합니다. 어떤 과학자가 발표한 논문 n편 중, h번 이상 인용된 논문이 h편 이상이고 나머지 논문이 h번 이하 인용되었다면 h의 최댓값이..

프로그래머스 : 소수 찾기-javascript

https://programmers.co.kr/learn/courses/30/lessons/12921 코딩테스트 연습 - 소수 찾기 1부터 입력받은 숫자 n 사이에 있는 소수의 개수를 반환하는 함수, solution을 만들어 보세요. 소수는 1과 자기 자신으로만 나누어지는 수를 의미합니다. (1은 소수가 아닙니다.) 제한 조건 n은 2이상 programmers.co.kr 문제 설명 1부터 입력받은 숫자 n 사이에 있는 소수의 개수를 반환하는 함수, solution을 만들어 보세요. 소수는 1과 자기 자신으로만 나누어지는 수를 의미합니다. (1은 소수가 아닙니다.) 제한 조건 n은 2이상 1000000이하의 자연수입니다. 입출력 예 n result 10 4 5 3 입출력 예 설명 입출력 예 #1 1부터 1..

패스트 캠퍼스-미니 프로젝트

패스트 캠퍼스에서 첫번째 미니 프로젝트를 진행하였다. 간단한 게임을 만드는 것이었는데, 중점은 게임 제작이 아니라 깃 사용법 숙달이었다. 5명의 팀원이 각각의 포크에서 git flow를 사용하여 작업을 진행했다. 구체적으로는 모두 각각의 포크에서 main develop feature 브랜치를 사용하였으며 feature => develop => publish(develop) => release(main) 순으로 진행하였다. 이 과정을 통해 실제 현업에서 깃을 사용하는 방법을 조금 더 배울 수 있었다. 또한 이 과정에서 issue, project 기능을 사용하였다. 따라서 첫 번째 미니프로젝트를 진행하면서 중구난방으로 사용하던 깃의 개념이 정립되고 익숙해졌으며, 있는지도 몰랐던 이슈와 프로젝트 기능을 사용할..

백준 : 7576-javascript

https://www.acmicpc.net/problem/7576 7576번: 토마토 첫 줄에는 상자의 크기를 나타내는 두 정수 M,N이 주어진다. M은 상자의 가로 칸의 수, N은 상자의 세로 칸의 수를 나타낸다. 단, 2 ≤ M,N ≤ 1,000 이다. 둘째 줄부터는 하나의 상자에 저장된 토마토 www.acmicpc.net 문제 철수의 토마토 농장에서는 토마토를 보관하는 큰 창고를 가지고 있다. 토마토는 아래의 그림과 같이 격자 모양 상자의 칸에 하나씩 넣어서 창고에 보관한다. 창고에 보관되는 토마토들 중에는 잘 익은 것도 있지만, 아직 익지 않은 토마토들도 있을 수 있다. 보관 후 하루가 지나면, 익은 토마토들의 인접한 곳에 있는 익지 않은 토마토들은 익은 토마토의 영향을 받아 익게 된다. 하나의 ..