분류 전체보기
-
[CS / Web] 프론트엔드 면접 정리CS/Web 2022. 5. 19. 20:55
GET과 POST의 차이 사용목적 GET은 서버의 리소스에서 데이터를 요청할 때, POST는 서버의 리소스를 새로 생성하거나 업데이트 할 때 사용을 합니다. 요청에 body 유뮤의 차이점도 있습니다. GET은 URL 파라미터에 요청하는 데이터를 담아 보내기 때문에 HTTP 메시지에 body가 없습니다, POST는 body에 데이터를 담아 보내기 때문에 HTTP 메시지에 body가 존재합니다. 멱등성 GET 요청은 멱등이며 POST는 멱등이 아니다. 멱등이란 연산을 여러 번 적용하더라도 결과가 달라지지 않는 성질을 의미합니다, GET은 리소스를 조회한다는 점에서 여러 번 요청하더라도 응답이 동일할 것입니다. POST는 리소스를 새로 생성하거나 업데이트할 때 사용되기 때문에 멱등이 아니라고 볼 수 있습니다...
-
[CS / CSS] 프론트엔드 면접 정리CS/CSS 2022. 5. 19. 20:53
캐스 캐이딩 HTML element는 하나 이상의 스타일에 영향을 받을 수 있기 때문에, 어떤 스타일을 적용 받을지에 대한 우선 순위가 결정되어야합니다. CSS가 어디에서 선언되었는지(중요도) 의 의 내의 @import 로 연결된 CSS 파일 로 연결된 CSS 파일 내의 @import 브라우저의 기본 CSS 대상을 명확하게 지정할수록(명시도) !important inline 스타일 아이디 selector 클래스 / 가상 선택자 태그 선택자 상속된 스타일 코드순서 늦게 선언된 스타일이 우선 적용 됩니다, Position Static(스태틱) : css positon 값을 할당하지 않으면 가지는 기본 값이다. 자기가 원래 위치해야 하는 그곳에 정적으로 위치 Relative(렐러티브) : 자기가 원래 위치해야..
-
[CS / JavaScript] 프론트엔드 면접 정리CS/JavaScript 2022. 5. 17. 19:23
자바스크립트의 타입 자바스크립트의 원시 타입은 6가지 종류로 boolean, string, number, undefined, null, symbol 입니다. 여기서 undefined은 선언만 되어 있고 값이 없는 상태이며, null은 자료형이 객체이며 빈값을 의미합니다. 자바스크립트의 number type은 다른 언어들과 차이점 다른 언어에는 int, double등 숫자타입의 다양함이 있지만, number는 하나만 있습니다. 정수만을 위한 타입은 따로 없고 모든 수를 실수로 처리하기 때문입니다. 자바스크립트 상수 정리 (var, let, const) var : 원한다면 어디서든 업데이트와 재 선언이 가능합니다. 함수 레벨 스코프(전역) const : 바뀌지 않는 값을 지정할 때 사용을 합니다. 블록레벨 ..
-
[CS / JavaScript] OOPCS/JavaScript 2022. 5. 16. 09:20
OOP란? OOP(object-oriented programming)는 객체 지향 프로그래밍이다. 객체의 관점에서 프로그래밍을 하는 것이다. C언어는 절자 지향 프로그밍이라고 하는데, 절차 지향 프로그래밍은 프로세스가 함수 단위 순서대로 진행되는 것을 말한다. 반면에 OOP는 객체들의 유기적인 관계를 통해 프로세스가 진행된다. 어플리케이션을 구성하는 요소들을 객체로 바라보고, 객체들을 유기적으로 연결하여 프로그래밍 하는 것을 말한다. OOP의 특징 1. 추상화(Abstraction) 복잡한 내부 구현을 숨기고, 노출되는 부분(interface)은 단순하게 만든다는 개념이다. 공통적인 속성이나 기능을 묶어서 이름을 붙이는 것이다. 인터페이스: 메소드와 속성만을 정의한 것. 추상화의 본질 복잡성을 줄이고, ..
-
[JavaScript] 프로그래머스 Lv.1 부족한 금액 계산하기알고리즘 2022. 5. 16. 09:05
문제 새로 생긴 놀이기구는 인기가 매우 많아 줄이 끊이질 않습니다. 이 놀이기구의 원래 이용료는 price원 인데, 놀이기구를 N 번 째 이용한다면 원래 이용료의 N배를 받기로 하였습니다. 즉, 처음 이용료가 100이었다면 2번째에는 200, 3번째에는 300으로 요금이 인상됩니다. 놀이기구를 count번 타게 되면 현재 자신이 가지고 있는 금액에서 얼마가 모자라는지를 return 하도록 solution 함수를 완성하세요. 단, 금액이 부족하지 않으면 0을 return 하세요. 제한 사항 놀이기구의 이용료 price : 1 ≤ price ≤ 2,500, price는 자연수 처음 가지고 있던 금액 money : 1 ≤ money ≤ 1,000,000,000, money는 자연수 놀이기구의 이용 횟수 cou..
-
[CS / Web] HTTP와 HTTPS의 차이점CS/Web 2022. 5. 14. 20:58
웹 프로토콜 웹 프로토콜은 웹에서 쓰이는 통신 규약이다. HTTP HTTP(Hyper Text Transfer Protocol)은 서버와 클라이언트 간에 데이터를 주고 받는 프로토콜이다. 텍스트, 이미지, 영상, JSON 등의 모든 형태의 데이터를 전송할 수 있다. 요청과 응답으로 이루어져 있다. HTTP 1.1과 2.0의 차이는 결정적인 차이점은 속도이다. 2.0은 헤더를 압축해서 보내기도 하고, 한번의 연결로 동시에 여러 메시지를 주고 받을 수 있다. HTTP와 HTTPS의 결정적인 차이점은 보안이다. HTTP 방식은 민감한 정보를 다룰 때 변조와 해킹의 가능성을 생각해야한다. HTTPS는 설치 및 인증서를 유지하는 추가적인 비용이 발생을 한다. HTTP 통신은 클라이언트와 서버간의 통신에 있어서 별..
-
[JavaScript] 프로그래머스 Lv.2 H-Index알고리즘 2022. 5. 14. 14:07
문제 H-Index는 과학자의 생산성과 영향력을 나타내는 지표입니다. 어느 과학자의 H-Index를 나타내는 값인 h를 구하려고 합니다. 위키백과에 따르면, H-Index는 다음과 같이 구합니다. 어떤 과학자가 발표한 논문 n편 중, h번 이상 인용된 논문이 h편 이상이고 나머지 논문이 h번 이하 인용되었다면 h의 최댓값이 이 과학자의 H-Index입니다. 어떤 과학자가 발표한 논문의 인용 횟수를 담은 배열 citations가 매개변수로 주어질 때, 이 과학자의 H-Index를 return 하도록 solution 함수를 작성해주세요. H-Index 참고 사이트 제한 사항 과학자가 발표한 논문의 수는 1편 이상 1,000편 이하입니다. 논문별 인용 횟수는 0회 이상 10,000회 이하입니다. 문제 풀이 H..
-
[JavaScript] 프로그래머스 Lv.1 문자열 내 p와 y의 개수알고리즘 2022. 5. 13. 23:38
문제 대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요. 'p', 'y' 모두 하나도 없는 경우는 항상 True를 리턴합니다. 단, 개수를 비교할 때 대문자와 소문자는 구별하지 않습니다. 예를 들어 s가 "pPoooyY"면 true를 return하고 "Pyy"라면 false를 return합니다. 제한 사항 문자열 s의 길이 : 50 이하의 자연수 문자열 s는 알파벳으로만 이루어져 있습니다. 문제 풀이 문자열이 대문자와 소문자에 관계없이 오직 개수로만 확인을 하기 때문에 문자열 전체를 대문자 또는 소문자로 변환을 한다. 변환된 문자열을 반복문을 사용하여 p와 y의 개수를 체크한..