전체 글131 까탈스런 리액트 오류원인 render하는 함수 이름의 첫글자는 대문자여야 한다. 메서드도 다 카멜케이스!!!! render를 위해 불러온 함수에 return이 없으면 에러가 난다 on과 함께 쓰는 이벤트 리스너는, onClick 처럼 카멜표기법으로 써야한다. html처럼 onclick이라고 써주면 인식을 못한다. if 구문정도는 if 떼고 써도 되나보다 / for i in array 정도도 그냥 array이름만 쓰니까 됐다. return ( 변환기 시간 to 분 km to meter {index==="0" ? :null} {index==="1" ? :null} ); css는 중괄호 두개와 함께 써야 한다. ex) event.target.value가 undefined다. event.target.getAttribute('value'.. 2022. 9. 26. form 만들기 툴 EASY HTML MACKER 종류 checkbox(중복가능) | radio(중복불가) | select(드롭박스) 줄바꿈 : 파라미터 이름 : 값 / 라벨 입력 .. 2022. 9. 25. 09/15 node.js CRUD구현 server.js 더보기 const http = require('http'); const express = require('express'); const { error } = require('console'); const app = express(); //app.set('post', 3000); // a += 10; --> a = a + 10; // process.env.PORT != false && process.env.PORT : 3000; app.set('port', process.env.PORT || 3000); app.set("view engine", "ejs"); // 리소스 폴더 추가 (serve-static) app.use(express.static('public')); let dataOb.. 2022. 9. 15. 클립보드에 컨텐츠를 복사하는 바닐라 자바스크립트 버튼을 클릭하면 특정 컨텐츠(텍스트 등..)가 클립보드에 복사되는 바닐라 자바스크립트 함수를 공유합니다! HTML에 자바스크립트 함수를 적용하기 복사 copyToClipboard() 는 아래 function copyToClipBoard(val) { var t = document.createElement("textarea"); document.body.appendChild(t); t.value = val; t.select(); document.execCommand('copy'); document.body.removeChild(t); }; 전체코드 안뇽 이건복사버튼 2022. 9. 15. 바닐라 자바스크립트로 오목 만들기 HTML, CSS, 바닐라 JavaScript 를 사용해서 오목 게임을 만들어보았습니다. 아래 링크를 클릭해 결과물을 확인할 수 있습니다. 아직까진 한 컴퓨터에 두 유저가 달라붙어 (..) 게임을 진행 할 수밖에 없어요. 1. 캐릭터와 닉네임을 설정하여 입장 2. 랜덤으로 선공을 정하고, 누구 차례인지 알려줌 3. 오목 돌에는 캐릭터 사진이 들어감 4. 60초의 시간 제한이 있으며, 시간 안에 돌을 놓지 못한 경우 상대에게 순서가 넘어감 5. 승리한 경우, 5칸이 된 줄에 표시해주고 승리자를 팝업으로 띄워줌 6. '다시하기'를 클릭하면 승리가 스코어에 반영되며, 새 오목판이 깔림 7. 본인의 순서에는 '항복'하거나 '무승부 제안'을 할 수 있음 ↓ 아래 링크를 클릭해서 결과를 확인하세요 Document .. 2022. 9. 13. 09.06 과제 (박스 드래그) See the Pen DragedBox by zenna (@zenna9) on CodePen. 2022. 9. 6. 카드뒤집기 게임 See the Pen Untitled by zenna (@zenna9) on CodePen. 2022. 9. 6. 마우스의 움직임을 따라가는 요소 만들기 See the Pen set Petals by zenna (@zenna9) on CodePen. 2022. 9. 5. [09/05] 과제 (javaScript) 과제 1 : 세탁기 문제 See the Pen Untitled by zenna (@zenna9) on CodePen. 과제 2 : OuterBox html, css, js버튼을 눌러서 각각의 코드를 확인할 수 있습니다 result 화면의 상단 버튼을 눌러 카드를 뒤집습니다. See the Pen Untitled by zenna (@zenna9) on CodePen. 2022. 9. 5. 이전 1 ··· 5 6 7 8 9 10 11 ··· 15 다음 728x90
