taenyLog

순서를 따르지 않는다. 배열 구조 분해보다 실용적임. 사용자 정보 중 몇가지 특성에 접근하거나 선정해야 하는 경우 유용 // 예제 객체 const person = { firstName: 'John', lastName: 'Doe', age: 30, city: 'New York' }; // 객체 분해 const { firstName, lastName, age, city } = person; // 분해한 값 출력 console.log('나이:', age); console.log('도시:', city); console.log('이름:', firstName); console.log('성:', lastName); // 변수 이름 변경 const {city : country} = person; > country < ..

Copies properties from one object into another object literal 객체에 있는 특성을 복사해서 새로운 객체를 만든다. 객체 여러 개를 한 객체로 묶거나 기존의 객체를 이용해서 객체를 새롭게 만들 수 있다. 객체를 복사하거나 수정 할 수 있다 충돌시 마지막으로 온 값이 이전의 값을 덮는다. 왜 전개를 사용할까 ? 왜 새로운 객체를 만들까 ? 객체를 복사할 때 우리는 전개를 사용해서 펼친다. const dataFromForm = { email :'zzz@gmail.com', password: 'qwe123', username: 'newbie' } const newUser = {...dataFromForm, id :123, isAdmin:false } 사용자가 웹사..

단어를 검색하면 해당 티비쇼들이 보여진다. https://www.tvmaze.com/api TV API | TVmaze - Add TV information to your website or app. We provide a free, fast and clean REST API that's easy to use, returns JSON and conforms to the HATEOAS and HAL principles. The root url is https://api.tvmaze.com and the available endpoints are documented below. If you have any questions or suggestions re www.tvmaze.com 위 사이트의 API 이용...

section 26 : 점수 관리자 제작하기 부트스트랩말고 불마를 사용하여 제작해보았음. 기본 게임은 3점 내기로 설정했음. player1 , player2 둘 중 먼저 승점을 내면 이긴 사람의 점수는 초록색 진사람은 빨간색으로 표시된다. 또한 승패가 결정되면 player1과 player2의 +1 버튼 클릭이 안되게 만들었음. reset버튼 클릭시 처음과같은 상태로 돌아온다 버튼이 활성화되고 점수 표시도 검정색으로 돌아옴. index.html Ping Pong Score Keeper 0to0 Use the button below to keep score Playing To 3 4 5 6 7 +1 player one +1 player two reset app.js const p1Button = docume..

https://bulma.io/documentation/overview/start/ Bulma: Free, open source, and modern CSS framework based on Flexbox Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free. bulma.io Bulma는 반응형 웹 인터페이스를 구축하기 위해 쉽게 결합할 수 있는 즉시 사용 가능한 프런트엔드 구성 요소를 제공하는 무료 오픈 소스 프레임워크입니다. #Starter template Hello World My first websit..