분류 전체보기

문제 영어 대소문자로 이루어진 문자열 my_string이 매개변수로 주어질 때, my_string을 모두 소문자로 바꾸고 알파벳 순서대로 정렬한 문자열을 return 하도록 solution 함수를 완성해보세요.해결 과정// 소문자로 바꾼뒤 오름차순 정렬function solution(my_string) { return my_string.toLowerCase().split('').sort().join('');} 소문자로 바꾼뒤 오름차순으로 정렬을 해서 문제를 해결하면 되었다.toLowerCase().sort()를 하니까 오류가 났다.소문자로 바꾼걸 쪼개준 뒤 다시 sort()정렬하고 join('')해줘야 오류가 안났다. join()할때는 안합쳐졌는데 join(' ')을하니 합쳐졌다.그 이유는? 🤔joi..

문제어떤 세균은 1시간에 두배만큼 증식한다고 합니다. 처음 세균의 마리수 n과 경과한 시간 t가 매개변수로 주어질 때 t시간 후 세균의 수를 return하도록 solution 함수를 완성해주세요.해결 과정function solution(n, t) { return n * 2 ** t;} 두배만큼 증식이 된다고 적혀있길래 제곱 문제로 푸는거같아서위에 코드와 같이 풀었다.

⭐ var, let 그리고 const 차이점 ⭐범위재선언재할당호이스팅 this 바인딩varxooolet oxoxconst oxxx 뭐가 좋냐? 봄이 좋냐?let과 const는 블록 스코프를 갖는다. (해당 블록안에서만 유효하다.)let과 const는 재선언 불가능하다.let과 const는 선언 전에 사용할 수 없다.let과 const는 this에 바인딩되지 않는다. (객체의 this 키워드와 연결되지 않는다.)let과 const는 호이스팅되지 않는다.바로 선언한 블록은 글로벌 스퍽을 갖는다? 스코프{ // 글로벌 변수로 선언됨됨 var aa = 100;}// 소괄호를 갖으면 전부 function이다. {} var는 무조건 글로벌 스코프갖는다. 글로벌 스코프란?코드 전체에서 접근 가능한 범위를 의미한..

개발자 도구를 통해 브라우저의 사이즈 조정 가능하다. (부트스트랩은 기본적으로 반응형 웹이다.) 부트스트랩 접근 2가지 방법 파일을 로컬에 저장해서 접근하는 방법 파일을 네트워크 경로로 저장하는 방법 부트스트랩을 적용하면 많은 리소스를 가져오게 된다.                  부트스트랩5는 모바일 우선이다. 부트스트랩의 사이즈는 픽셀 단위가 아니라 0~5단위로 구성되어 있다. 부트스트랩에서 각가의 div에 mb-5, mt-5로 설정할때 한개의 마진만 설정이 된다. My First Bootstrap Page Resize this responsive page to see the effect! Column 1 ..

CSS Box ModelContent(내용) - 텍스트와 이미지가 나타나는 상자 내용Padding(패딩) - 콘텐츠 주변에 투명한 영역을 만들어 border과 content사이에 여백을 추가하는 역할border(경계, 테두리) - padding과 content를 둘러싸는 테두리Margin(여백) - border 외부에 투명한 영역을 만들어 요소와 다른 요소 사이의 간격을 조정⭐ CSS로 요소의 너비와 높이 속성을 설정할때는 Content 영역의 width와 height만 설정하면 된다. 요소의 전체 width와 height를 계싼하려면 padding과 border도 포함해야한다. 요소의 총 너비는 350px이고 총 높이는 80px이다.div { width: 320px; height: 50px; pa..

HTTP 메서드란?클라이언트와 서버 간 통신을 관리하는 중요한 방식그러나 잘못 사용시, 보안에 취약할 수 있다. GET 방식은 URL에 데이터를 포함하여 전송하므로 ?이름=값과 같은 형태로 데이터가 노출된다.반면 POST 방식은 데이터를 요청의 본문(Body)에 포함하여 전송하기 때문에 상대적으로 보안성이 더 높다.그렇지만 두개의 방식 모두 적절한 보안 조치를 적용하지 않으면 취약점 발생 💀 PUT 방식은 데이터를 수정할 때 사용하는 HTTP 메서드이다.DELETE 방식은 데이터를 삭제할때 사용하는 HTTP 메서드이다.이들은 RESTful API에서 CRUD(Create, Read, Update, Delete)작업을 표현하는데 사용된다. RESTful이란?HTTP 메서드(GET, POST, PUT, D..

Computer Paradigm의 변천(=IT기술) 과 Web 사용 발전IT기술은 사용자의 편리성보다는 개발자의 편리성으로 인해 발전되었다.  1. program 기법 측면2. 구조적 기법 과거에는 Main Frame 구조로 하나였지만 점차 발전되어 오늘날에는 Client-Server 구조로 전환되었다.  process/ request 단위: threadplatform dependence: 특정 운영체제나 하드웨어 환경에서만 실행 가능하거나 의존성이 존재하는 상태platform independence: 여러 플랫폼에서 동일하게 실행될 수 있는 특성 client tier-business tier-resource tier 3티어 아키텍처client tier- 사용자가 직접 상호작용하는 인터페이스- 주로 브라..

ㅇ

문제정수 n이 매개변수로 주어질 때 n의 각 자리 숫자의 합을 return하도록 solution 함수를 완성해주세요해결 과정function solution(n) { let answer = 0; let numToString = n.toString().split(''); for(i of numToString) { answer += Number(i); } return answer;} n.toString()을 이용하여 숫자를 문자열로 바꿨다. 이후 .split()을 이용하여 문자열을 문자 배열로 나눴다. 만일 "123"일 경우, ['1', '2', '3']으로 변환된다.  새롭게 알게된 점 (궁금증)  for of로 접근하기 전에 기본 for문을 이용해서 풀었더니 2번째 테스트코드에서 오류가 발..

문제어떤 자연수를 제곱했을 때 나오는 정수를 제곱수라고 합니다. 정수 n이 매개변수로 주어질 때, n이 제곱수라면 1을 아니라면 2를 return하도록 solution 함수를 완성해주세요.해결 과정function solution(n) { var answer = 0; for(let i = 0; i*i  return 2;를 for문 밖으로 뺀이유는 제곱수를 다 판단하고 없을 경우에 2를 반환하기 위해서이다. 새롭게 알게된 점function solution(n) { return Number.isInteger(Math.sqrt(n)) ? 1 : 2;}Number.isInteger(https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Glob..