한 걸음씩 기록하며

[완주하지 못한 선수] 문제 설명 : 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의 이름을 return 하도록 solution 함수를 작성해주세요. ⛏제한 조건 마라톤 경기에 참여한 선수의 수는 1명 이상 100,000명 이하입니다. completion의 길이는 participant의 길이보다 1 작습니다. 참가자의 이름은 1개 이상 20개 이하의 알파벳 소문자로 이루어져 있습니다. 참가자 중에는 동명이인이 있을 수 있습니다. 📁 입출력 예시 👉🏻 답안 function solutio..

[수박수박수?] 문제 설명 : 길이가 n이고, "수박수박수박수...."와 같은 패턴을 유지하는 문자열을 리턴하는 함수, solution을 완성하세요. 예를들어 n이 4이면 "수박수박"을 리턴하고 3이라면 "수박수"를 리턴하면 됩니다. ⛏제한 조건 n은 길이 10,000이하인 자연수입니다. 📁 입출력 예시 👉🏻 답안 function solution(n){ let pattern = "수박" let result = pattern.repeat(Math.ceil(n/2)) return result.slice(0,n); } 📑 간단한 설명 repeat함수, Math.ceil, .slice 함수 사용 아래 답안을 보고 나니 아 굳이 n/2를 할 필요가 없지 라는 생각을 했다... 💪🏻 공부하면 좋을 답안 const ..

find, findIndex, indexOf는? 자바스크립트 Array.prototype 배열에서 원하는 값 또는 식별자를 찾아내는 메서드 배열을 순차 반복 find 는 인자로 받은 판별 함수를 만족하는 첫 번째 요소를 반환 findIndex 는 인자로 받은 판별 함수를 만족하는 첫 번째 식별자를 반환 indexOf 는 인자로 요소를 받아 만족하는 첫 번째 식별자를 반환 .find() : 판별 함수를 만족하는 첫 요소를 반환 arr.find(callback(element, index, array), thisArg) arr : 순회하고자하는 배열 element : 현재 배열의 요소 index(생략 가능) : 현재 배열의 요소의 index array(생략 가능) : find 메서드를 호출할 배열 thisAr..

[서울에서 김서방 찾기] 문제 설명 : String형 배열 seoul의 element중 "Kim"의 위치 x를 찾아, "김서방은 x에 있다"는 String을 반환하는 함수, solution을 완성하세요. seoul에 "Kim"은 오직 한 번만 나타나며 잘못된 값이 입력되는 경우는 없습니다. ⛏제한 조건 seoul은 길이 1 이상, 1000 이하인 배열입니다. seoul의 원소는 길이 1 이상, 20 이하인 문자열입니다. "Kim"은 반드시 seoul 안에 포함되어 있습니다. 📁 입출력 예시 👉🏻 답안 1) for문 이용 function solution(seoul) { let s = 0; for (let i = 0; i < seoul.length; i++) { if (seoul[i] === "Kim") {..

출처 : https://gmlwjd9405.github.io/2018/09/21/rest-and-restful.html 글 자체가 너무 좋아서, 출처 내용을 퍼와서 정리만 하겠습니다. [Network] REST란? REST API란? RESTful이란? - Heee's Development Blog Step by step goes a long way. gmlwjd9405.github.io [REST] 1. REST란 “Representational State Transfer” 의 약자 자원을 이름(자원의 표현)으로 구분하여 해당 자원의 상태(정보)를 주고 받는 모든 것을 의미한다. 즉, 자원(resource)의 표현(representation) 에 의한 상태 전달 a. 자원(resource)의 표현(re..

https://haksae.tistory.com/33 #.5 Cookie & Session 1. Cookie란 HTTP 쿠키는 웹 쿠키, 브라우저 쿠키로도 불리는데 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각을 의미한다. 쿠키는 주로 세션 관리( 서버에서 관리하는 로그인 등의 정 haksae.tistory.com Cookie와 Session에 대한 정리이다. 해당 글 끝에 쿠키 세션에 대한 단점을 기록했다. * 단점 1. 세션 하이재킹 공격이 가능할 수 있다. 해결책은 HTTPS 를 사용해 요청 자체를 탈취해도 안의 정보를 읽기 힘들게 하거나, 세션에 유효시간을 부여할 수 있습니다. 2. 서버에서 추가적인 저장공간이 필요합니다.서버에서 세션 저장소를 사용하므로 부하가 높아집니다. 👉🏻 이를 ..

1. Cookie란 HTTP 쿠키는 웹 쿠키, 브라우저 쿠키로도 불리는데 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각을 의미한다. 쿠키는 주로 세션 관리( 서버에서 관리하는 로그인 등의 정보를 의미한다. ), 개인 설정유지, 사용자 트래킹( 사용자의 행동을 기록하고 분석하는 것 ) 용도로 사용된다. 쿠키는 유닉스의 매직쿠키에서 이름과 개념이 유래하였고, 루 몬텔루라는 웹 브라우저 개발자가 웹 사이트에 접속한 클라이언트를 확인하기 위해 만들었다. HTTP 통신은 stateless 하기 때문에 클라이언트를 확인하기 위해서는 쿠키라는 개념이 따로 필요했기 때문이다. HTTP의 stateless 란? statsless 라는 것은 번역하자면 상태가 없다는 뜻이다. H***TTP에서 stateless ..

1. 렌더링 (Rendering) 서버로부터 요청해서 받은 내용을 브라우저 화면에 표시하는 것 렌더링 프로세스 Loader가 서버로부터 정보들을 불러옴 파싱을 통해 문서를 DOM 트리로 만든다. DOM 트리가 구축되는동안 브라우저는 렌더 트리를 구축 CSS 설정/레이아웃 위치 지정 렌더링 트리가 그려짐 2. SSR & CSR 렌더링을 하는 방식에는 서버 사이드 렌더링과 클라이언트 렌더링이 있다. 좀 더 상위 개념으로 MPA와 SPA가 있는데 별도로 공부하시길.. MPA(Multi Page Application) 서버로부터 HTML을 받아오는, 페이지 전체를 렌더링하는 웹 페이지 구성 방식 SPA(Single Page Application) 브라우저에 최초로 한번 페이지 전체를 로드하고, 특정 부분만 Aj..