분류 전체보기
09_리액트설명,작업환경 준비
이제부터 리액트가 무엇이고 어떤 것인지 알아보겠다. 저번 글에서 간단한 카운터 예제에서 dom을 사용해봤었다. 그렇다면 DOM이란 무엇일까? DOM이란 각 HTML Element정보를 지닌 객체이다. const number = document.getElementById("number"); const increase = document.getElementById("increase"); const decrease = document.getElementById("decrease"); console.log(number.innerText); console.log(increase.offsetTop); console.log(decrease.id); increase.onclick = () => { const curre..
08_HTML과 JS연동하기
이번에는 아주 간단한 예제 몇개로 HTML과 JS를 연동하는법에 대해 간단히 서술해보겠다. 특히 다른 프로그램없이 오직 HTML과 JS만 가지고 간단하게 구현해볼 생각이다. 먼저 만들것은 아래와 같이 아주 간단한 카운터 예제를 만드는 것이다. 0 +1 -1 위와 같이 간단하게 HTML을 구성해준 후 const number = document.getElementById("number"); const increase = document.getElementById("increase"); const decrease = document.getElementById("decrease"); console.log(number.innerText); console.log(increase.offsetTop); console...
07_유용한 JS지식
이번에는 여러가지 작업하는데 유용한 문법들을 공부해보겠다 삼항연산자 이전 글에서 잠깐 다룬적 있는데, 조건 ? A : B 꼴의 문법으로 조건이 충족할때는 A, 그렇지 않을때는 B를 실행하여 굳이 if else문을 사용하지 않아도 된다. Truthy and Falsy False와 같은 값들이란 의미로 undefined null 0 '' NaN false 값들이 있다 이 이의외 값은 모두 Truthy 즉, 참으로 구분되게 된다. 특히 null채킹을 할때 function print(person) { if ( !person ){ return; } console.log(person.name); } const person = { name: "mingyu" }; print(person); //mingyu 처럼 fal..
06_JS_배열 내장함수
추가적으로 정리해야할 내용이 있다!! 1. 비구조화 할당 객체를 만들고 함수를 통해서 그 객체를 불러낼 때 보통 객체의 이름을 항상 앞에 붙여두어야 하는데, 그걸 쉽게 해주는 것이다. const ironMan = { name: "토니 스타크", actor: "로버트 다우니 주니어", alias: "아이언맨" }; const captainAmerica = { name: "스티브 로저스", actor: "크리스 에반스", alias: "캡틴 아메리카" }; function print(hero) { const { alias, name, actor } = hero; const text = `${alias}(${name}) 역할을 맡은 배우는 ${actor} 입니다`; console.log(text); } pri..
1003_피보나치 함수
문제는 더보기! 더보기 문제 다음 소스는 N번째 피보나치 수를 구하는 C++ 함수이다. int fibonacci(int n) { if (n == 0) { printf("0"); return 0; } else if (n == 1) { printf("1"); return 1; } else { return fibonacci(n‐1) + fibonacci(n‐2); } } fibonacci(3)을 호출하면 다음과 같은 일이 일어난다. fibonacci(3)은 fibonacci(2)와 fibonacci(1) (첫 번째 호출)을 호출한다. fibonacci(2)는 fibonacci(1) (두 번째 호출)과 fibonacci(0)을 호출한다. 두 번째 호출한 fibonacci(1)은 1을 출력하고 1을 리턴한다. f..
14889_스타트와 링크
문제는 더보기! 더보기 문제 오늘은 스타트링크에 다니는 사람들이 모여서 축구를 해보려고 한다. 축구는 평일 오후에 하고 의무 참석도 아니다. 축구를 하기 위해 모인 사람은 총 N명이고 신기하게도 N은 짝수이다. 이제 N/2명으로 이루어진 스타트 팀과 링크 팀으로 사람들을 나눠야 한다. BOJ를 운영하는 회사 답게 사람에게 번호를 1부터 N까지로 배정했고, 아래와 같은 능력치를 조사했다. 능력치 Sij는 i번 사람과 j번 사람이 같은 팀에 속했을 때, 팀에 더해지는 능력치이다. 팀의 능력치는 팀에 속한 모든 쌍의 능력치 Sij의 합이다. Sij는 Sji와 다를 수도 있으며, i번 사람과 j번 사람이 같은 팀에 속했을 때, 팀에 더해지는 능력치는 Sij와 Sji이다. N=4이고, S가 아래와 같은 경우를 살..