목록전체 글 (46)
훈돌라
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bB8MU4/btsHsIEeIGs/TvhxSgYreumvMK8o0V6MC1/img.png)
DOCTYPE html>html lang="ko">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>자바스크립트 기초title> link rel="stylesheet" href="index.css">head>body> div class="side-bar"> div> button class="side-bar-btn">열기button> div> ul> li> 메뉴1 li> li> ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/blBReD/btsHr04R44j/jp1JCebWEI6HCKWSfzqIFK/img.png)
투두리스트 만들기,, 필수 조건들만 겨우 겨우 완성해서 제출할 수 있었다. 뭐가 이렇게 어려운지,, 바닐라로 했으면 뚝딱 만들었을 것 같은데 리액트로 하려니 너무 어렵네.. import React, { useState } from 'react';//todo 아이템 스타일const todoinstyle = { width: '300px', height: '200px', border: '3px solid red', borderRadius: '10px', marginLeft: '10px',};//todo 추가 폼 컨포넌트const SubmitForm = ({ onAddItem }) => { const [name, setName] = useState(''); const [nameco, setNamec..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/db4bln/btsHqIQnVVw/DtCxHkN6aS2BSN1UxpjZI0/img.png)
function App() { const handleClick = () => { alert("안녕하세요!"); } // return ( /* */ div style={{ height: '100vh', display: ' flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', }} > { } span>이것은 내가 만든 App 코드입니다span> button onClick= {handleClick} >클릭!button> div> );}export default App; 객체 안 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bq0aya/btsHnXgPHIN/Z3lkG9jGJ7phXRAAlAaXk0/img.png)
function sum (num1, num2) { return num1 + num2;} console.log(sum(2,3)); function isEvenOrOdd(num){ if(num%2 === 0){ console.log("짝수입니다") } if(num%2 === 1){ console.log("홀수입니다") }}isEvenOrOdd(5);isEvenOrOdd(4); const name = "훈돌라";const age = 28; const user = `이름 : ${name}나이 : ${age}`; console.log(user); document.querySelector document.querySelector docume..
본격적인 리액트를 배우기 앞서, 리액트에서 가장 많이 쓰이고 중요한 JS 문법들을 되새김질 하는 시간. // let blockScopeVariable = "Available only in this block";// if (true) {// let blockedScope = "Visible inside this block";// console.log(blockedScope);// }// console.log(blockedScope);// console.log(blockScopeVariable);//블록드스코프가 블록 범위를 벗어나서 로그에 찍히지 않음. (오류발생)// let blockScopeVariable = "Available only in this block";// if (true) ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bIoBmf/btsHj0Q0a6D/Btf2nA3xKTvl0qrBicQg7K/img.png)
다크모드에서 댓글 수정하기 버튼을 누르면 인풋 창 안의 커서와 텍스트가 보이지 않는다.드래그 해보니 텍스트가 보이고, 확인을 눌렀을 때 수정은 되는걸로 보아 css 에 문제가 있는 것 같음. 확인해보니, A 팀원분이 만든 다크모드 코드에 B 팀원분이 수정을 했는데 B 팀원분이 " #commentInput, #passwordInput 컬러 부분 제가 어제 컬러 color: var(--rvInput-tc); 로 수정해서 그런 것 같아요" 라고 하셨고, css 에 dark 일 땐 하얀색이고, dark 가 아닐 땐 값이 안 정해져 있어서 적용이 안 된 것 같다. :root { --header-bg: black; --header-ft: white; --body-bg: white; --body-ft:..