DevSSOM

문제 이 문제에는 표준 입력으로 두 개의 정수 n과 m이 주어집니다. 별(*) 문자를 이용해 가로의 길이가 n, 세로의 길이가 m인 직사각형 형태를 출력해보세요. 제한 조건 n과 m은 각각 1000 이하인 자연수입니다. 예시 입력 5 3 출력 ***** ***** ***** 초기 코드 process.stdin.setEncoding('utf8'); process.stdin.on('data', data => { const n = data.split(" "); const a = Number(n[0]), b = Number(n[1]); console.log(a); // 5 console.log(b); // 3 }); 풀이 process.stdin.setEncoding('utf8'); process.stdin.o..

Block 요소와 Inline 요소 내가 사용하는 태그가 인라인 요소인지, 블럭요소인지 알아야 레이아웃 작업이 원활하게 진행될 수 있음. 두 요소를 구분 짓는 세 가지 주요 특징은 다음과 같음. 줄바꿈 현상이 있는지 가로나 세로로 공간에 대한 크기를 만들 수 있는지 상하 배치작업이 가능한지 Hello devSsom Hello devSsom Hello devSsom Hello devSsom Hello devSSom Hello devSSom 위에처럼 태그를 연달아서 입력할 때, 글자들이 y축 방향으로 정렬되고 있는데, 이와 같은 특징을 가지고 있는게 Block 요소. ~, , , 등 공간을 만들 때 사용했던 태그들이 다 Block 요소임. 이 Block 요소들은 공간을 만들 수 있기 때문에, width, h..

산술 연산자 산술 연산자는 +, -, *, /, % 등을 의미. 숫자 뿐만 아니라 문자열 데이터 타입도 산술 연산자를 사용할 수 있음. console.log(10 + 5); // 15 console.log(10 - 5); // 10 console.log(10 * 5); // 50 console.log(10 / 5); // 2 console.log(10 % 5); // 0 false console.log(10 !== 10); // 10이랑 10이랑 같지 않다 -> false 수학에서 = 는 '같다'라는 의미이지만, 개발에서 =는 '값을 대입한다'는 의미를 가지고 있음. 그래서 개발에서 '같다'라는 의미로 등호를 쓰려면 == 이렇게 두 개, 혹은 이렇게 === 세 개를 이어서 써줘야 함. 등호 두 개 ==는..

웹사이트의 구조 책이 목차, 본문, 부록으로 구성되어 있는 것처럼 웹사이트도 목차, 본문, 부록이 있음. 웹사이트를 구성하는 태그들은 개발자마다 조금씩 다르게 쓰고 있어서 아래 설명하는 태그들이 모두 다 필수적으로 들어가는 것은 아님. , 태그 ... 태그 : 웹사이트의 머리글을 담는 공간. 사용자가 웹사이트에 접속했을 때 가장 먼저 보여지는 영역. 이 헤더 태그 안에는 보통 네이게이션이 담겨져 있는 경우가 많아. 그래서 네비게이션을 담고 있는 영역이라고 해서 태그를 같이 써줘. 태그 : 네이게이션과 관련된 정보들이 들어가는 공간을 의미. 메뉴 버튼을 만들 때 사용하는 , , 태그들과 함께 사용. 네이버를 예를 들어보면, 메일 카페 블로그 태그 안에는 보통 회사 로고를 넣어주기 때문에 태그가 들어감. 그..

Math 프라퍼티와 메서드 Math는 이미 자바스크립트에서 만들어 놓은 객체. Math 객체의 메소드로는 abs, ceil, floor, random 등이 있음. Math.abs(-3); // 절대값 출력 -> 3 Math.ceil(0.3); // 올림 -> 1 Math.floor(10.9); // 내림 -> 10 Math.random(); // 0과 1 사이의 임의의 숫자 출력 (0과 1은 절대 될 수 없음) console.log()로 출력을 해보면 여기서 0.4135~ 이 값은 브라우저를 새로고침 할 때마다 숫자가 달라져. But, 절대 0과 1이 되진 않아. 무조건 그 사잇값만 출력됨. 더 많은 Math 프라퍼티와 메소드의 종류는 아래 링크에서 확인. https://developer.mozilla...

링크를 넣을 땐 태그 태그는 텍스트, 이미지를 클릭했을 때 다른 웹페이지로 이동시키는 기능을 갖고 있음. 참고로 a는 Anchor(닻)의 약자. 네이버 href – 연결할 웹페이지의 URL 주소. target – 웹페이지를 연결하는 방식. target="_blank"면 새 탭으로 이동시키겠다는 의미. 위의 예시는 그래서 '네이버'라는 텍스트를 클릭하게 되면, 새 탭으로 네이버가 뜨게 됨. 만약, 태그 안에 태그를 넣으면, 로고 이미지를 누르면 네이버 홈페이지로 이동하게 됨.

배열 데이터 삽입, 제거 메소드 배열 데이터를 삽입하거나 뺄 때 쓰는 메소드로는 length, push, pop, unshift, shift이 있음. var fruit = ["사과", "배", "포도"]; fruit.length; // 데이터 개수 fruit.push("딸기"); // 배열 뒤쪽에 데이터 삽입 fruit.pop(); // 배열 뒤쪽의 데이터 제거 fruit.unshift("레몬"); // 배열 앞쪽에 데이터 삽입 fruit.shift(); // 배열 앞쪽의 데이터 제거 var fruit = ["사과", "배", "포도"]; fruit.length; //3 fruit.push("딸기"); // ["사과", "배", "포도", "딸기"] fruit.pop(); // ["레몬", "사과", "..

HTML이란? Hyper Text Markup Language라고 해서 웹사이트에서 눈에 보이는 정보(텍스트, 이미지 등)나 특정 구역을 설정할 때 사용하는 언어. 예를 들어, 네이버는 아래처럼 구역이 설정되어 있음. HTML의 변화 시간이 지남에 따라 버전업이 되면서 자주 사용되지 않는 용어들은 사라지고 시대에 맞추어 새로운 신조어가 등장. 우리가 살펴볼 언어들은 html5를 기준으로 설명될 예정. 태그의 기본 구성 하나의 태그는 다음과 같이 구성됨. 컨텐츠 태그 : 열린 태그와, 닫힌 태그로 이루어져 있음. 몇몇 태그를 제외한 대부분의 태그들은 형태의 닫힘 태그를 꼭 작성해야함. 컨텐츠 : 열린 태그와 닫힌 태그 사이에 있는 내용. 속성 : 태그가 갖고 있는 추가 정보. 속성값 : 어떤 역할을 수행할..