목록토이프로젝트 (4)
sm 기술 블로그
Ajax란? https://smhope.tistory.com/481 Ajax란? Asynchronous JavaScript and XML 의 약자 자바스크립트를 이용해서 비동기식으로 서버와 통신하는 방식. 이 때 XML을 이용한다. 꼭 XML을 이용할 필요는 없고, 최근에는 json을 더 많이 이용한다. 비동기 smhope.tistory.com 1. DB CREATE TABLE `test`( id INT UNSIGNED NOT NULL PRIMARY KEY AUTO_INCREMENT, is_like INT(2) NOT NULL ); INSERT INTO `test` SET is_like = 0; SELECT * FROM `test`; 테스트 테이블을 하나 생성해준다. 만약 is_like가 1이면 빨간색 ..
문자열 계산기 (문제) 계산식을 문자열로 받는다. (괄호 포함) 만약 괄호가 있다면 그것을 먼저 처리해야한다. => 우선처리 부여 공백을 허용한다.(공백을 넣지 않아도 되지만 입력할 때 두개이상의 공백은 허용하지 않음) 1. 문자열 정리 및 배열에 저장 경우의 수 숫자와 연산자 사이에 공백을 포함한다. ex) ( 50 + 50 ) 숫자와 연산자 사이에 공백을 포함하지 않는다. ex) (50+50) 숫자와 연산자 사이에 공백을 포함하거나 포함하지 않는다. ex) (50+ 50 ) replace 함수를 통해 각 토큰별로 하나의 공백을 받도록 한다. 받은 문자열은 s라고 칭한다. s = s.replace("(", " ( "); s = s.replace(")", " ) "); s = s.replace("+", ..
1. 변수 선언 및 데이터 받아오기 const [wiseSayings, setWiseSayings] = useState([]); const [wiseSayingsIndex, setWiseSayingsIndex] = useState(0); const [index, setIndex] = useState([]); const loadWiseSayings = async () => { const data = await fetch( "https://jhs512.github.io/wise_saying_server/data.json" ); const dataJson = await data.json(); setWiseSayingsIndex(Math.floor(Math.random() * dataJson.length)); ..
1. 리액트 없이 작성한 버전 HTML 부분 + - * / 계산 계산결과는 ?입니다. CSS 부분 공백 JS 부분 console.clear(); const btcal = document.querySelector("#bt_cal"); function App() { const num1 = document.querySelector("#num1").valueAsNumber; const num2 = document.querySelector("#num2").valueAsNumber; const Op = document.querySelector("#op").value; let rs = 0; if (Op == 0) { rs = num1 + num2; } else if (Op == 1) { rs = num1 - num2..