배꼽파지 않도록 잘 개발해요

HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 관심사의 분리 (Separation of concerns) HTML코드와 CSS를 분리하여 작성함. HTML 우도 한라산 국립공원 성산 일출봉 CSS h3 { color: #f56513; // color는 속성, #f56513는 속성값 } CSS 규칙 · 선택자(h3), 선언(color: #f56513;) · 위 예시에서는 h3과 중괄호로 감싼 코드 아이디 · 아이디 이름은 중복해서 쓸 수 없음. · id 선택자로는 요소 하나만 선택 가능함. HTML 한라산 국립공원 CSS #hallasan { color: #f56513; } 클래스 · 여러 개를 한번에 스타일링을 하고 싶을 때 사용 · 아이디와 클래스 선택자 중 어떤 걸 써..

HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 문장과 표현식 문장(statement) · 작업을 수행하도록 명령하는 것 · 일련의 동작이나 명령들 let x = 10; // 변수 선언문 if (x > 5) { // 조건문 console.log('x는 5보다 큽니다.'); // 함수 호출문 } 표현식(Expression) · 값으로 평가될 수 있는 코드 조각들 · 변수, 상수, 연산자, 함수 호출 등 포함 let y = 20; // 변수 선언문 let z = x + y; // 연산 표현식 문장이면서 표현식 · 할당식, 함수 호출 // 할당 연산자는 값을 할당하는 동작도 하지만, 할당한 값을 그대로 가지는 표현식 title = 'JavaScript'; // 함수 호출은 함수를..

문자열 뒤집기 문제 설명 문자열 my_string이 매개변수로 주어집니다. my_string을 거꾸로 뒤집은 문자열을 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ my_string의 길이 ≤ 1,000 입출력 예 my_string return "jaron" "noraj" "bread" "daerb" 풀이 1 반복문을 사용한 문자열 역순 생성 function solution(my_string) { var answer = ""; for (i = my_string.length-1; i >= 0; i--) { answer += my_string[i] } return answer; } 풀이 2 Spread 연산자와 배열의 역순 및 문자열로 변환 function solution(my_st..

옷가게 할인 받기 문제 설명 머쓱이네 옷가게는 10만 원 이상 사면 5%, 30만 원 이상 사면 10%, 50만 원 이상 사면 20%를 할인해줍니다. 구매한 옷의 가격 price가 주어질 때, 지불해야 할 금액을 return 하도록 solution 함수를 완성해보세요. 제한사항 10 ≤ price ≤ 1,000,000 price는 10원 단위로(1의 자리가 0) 주어집니다. 소수점 이하를 버린 정수를 return합니다. 입출력 예 price result 150,000 142,500 580,000 464,000 풀이 1 if-else 조건문으로 할인율 제시한 후 계산 function solution(price) { // 할인율 const discount_rate = 0; if (price >= 500000..

피자 나눠 먹기 (1) 문제 설명 머쓱이네 피자가게는 피자를 일곱 조각으로 잘라 줍니다. 피자를 나눠먹을 사람의 수 n이 주어질 때, 모든 사람이 피자를 한 조각 이상 먹기 위해 필요한 피자의 수를 return 하는 solution 함수를 완성해보세요. 제한사항 1 ≤ n ≤ 100 입출력 예 n result 7 1 1 1 15 3 풀이 1 Math.trunc와 삼항연산자 사용 function solution(n) { /* 7로 나눌 때 나누어 떨어지는 경우 : 몫 7로 나눌 때 나누어 떨어지지 않는 경우 : 몫 + 1 */ var answer = (n % 7 == 0) ? Math.trunc(n / 7) : Math.trunc(n / 7) + 1 return answer; } 풀이 2 Math.ceil..

HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 모던 자바스크립트에 대한 이해 • ECMAScript : 자바스크립트 표준 명세서 (JavaScript Specification) · 'Standard ECMA-262'라는 이름으로 관리되고 있음. · ES1 : 1997년에 등장 · ES6 : 2015년에 등장 (정식 명칭 : ES2015) · 웹브라우저가 당장 새로운 버전의 문법을 지원하지 않음. → 최신 버전을 바로 적용하는 것이 힘듦. · 보편적으로 사용되는 브라우저들이 지원하는 범위 내에서 ECMA스크립트를 준수하는 것이 일반적임. • Modern JavaScript : 현시점에 사용하기 적합한 범위 내에서 최신 버전의 표준을 준수하는 자바스크립트 HTML 삽입 미리보..

1. 엘리스 sw 트랙 지원 동기 2. 선발 절차와 팁 "> 1. 엘리스 sw 트랙 지원 동기 2. 선발 절차와 팁 1. 엘리스 sw 트랙 지원 동기 "> 1. 엘리스 sw 트랙 지원 동기 2023년이 끝나가고 있는데, 본격적인 취준은 커녕 취업 방향을 정하고 있지 못하였다. G밸리 IOT 아카데미 챗GPT를 활용한 AI서비스 기획자 과정 2기 후기Ⅰ. 교육 선발 절차 및 내용 1. 선발 과정 교육대상 자격 요건에 겁먹지 않아도 된다. 어떤 교육보다 굉장히 관대한 조건을 내세우고 있다. 주민등록상 서울시 거주자, 성인 중 40세 이하의 미취업programming-bellybutton.tistory.com올 하반기에 한 일 8월 말 ~ 10월 말 Chat GPT를 활용한 AI 서비스 기획자 과정 11..

부트캠프 지원할 때 봤던 코딩테스트 문제 중 하나이다. 구글링하면 같은 문제가 검색이 잘 되는 걸 보니, 이미 예전부터 여러 곳에서 볼 수 있는 고전적인 문제임을 알 수 있다. 문제는 풀기 쉽지만 다양한 방법의 풀이를 생각해볼 필요가 있다. 복기하는 문제들은 자세한 설명이나 제한조건을 적기 힘들기 때문에 문제와 풀이 위주로만 기록한다. 문제 주어진 배열에는 세 개의 좌표가 주어집니다. 이 좌표들은 직사각형의 세 꼭지점을 나타냅니다. 나머지 한 점의 좌표를 찾아 반환하는 함수를 구현하세요. 입출력 예시 입력 출력 [[1, 2], [4, 2], [1, 4]] [4,4] [[2, 5], [8, 5], [2, 9]] [8, 9] [[-1, 0], [3, 0], [-1, 2]] [3, 2] 풀이 1 단순한 좌표의..