티스토리

오늘도 코딩하나

검색하기

블로그 홈

오늘도 코딩하나

coding-hana.tistory.com/m

오늘도 코딩하나 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

[React] nodejs + mysql 연동 (2) Router, Redux-toolkit 사용하는 경우 기본적인 mysql 연동에 대한 내용은 하단 내용을 참고하길 바란다.https://coding-hana.tistory.com/49 [React] nodejs + mysql 연동(1) server 세팅npm init -ynpm install expressnpm install nodemonnpm install cors - server.jsconst express = require('express');const db = require('/database/db');const app = express();const path = require('path')const port = 8009;app.listen(port, functicoding-hana.tistory.com 1. 서버 설정- server.jsapp.ge.. 공감수 0 댓글수 0 2024. 9. 4.
[React] nodejs + mysql 연동 (1) (1) server 세팅npm init -ynpm install expressnpm install nodemonnpm install cors - server.jsconst express = require('express');const db = require('/database/db');const app = express();const path = require('path')const port = 8009;app.listen(port, function() { console.log(`listening on ${port}`);});app.use(express.json());var cors = require('cors');app.use(cors());app.use(express.static(path.join(_.. 공감수 0 댓글수 0 2024. 9. 4.
[moneybook]_day6 로그인 화면 만들기 일단 간단하게 아이디를 입력 후 로그인 버튼을 누르면 회원아이디 여부를 확인하는 로직만 만들었다. - server.jsapp.post('/loginCheck', function(req, res) { const userId = req.body.userId; const password = req.body.userPw; const sendData = { isLogin: "" }; if(userId && password) { db.query('SELECT * FROM USER WHERE USER_ID = ?', [userId], function(err, results, fields) { if(err) { con.. 공감수 0 댓글수 0 2024. 9. 2.
[React] 일반적인 setState 사용 vs setState 콜백 함수 1. 일반적인 setState 사용 ▶ 단순 상태 업데이트 - 상태가 직접적으로 업데이트되는 경우 - 이전 상태에 의존하지 않고 상태를 완전히 새로 설정할 때 ( 상태를 덮어쓰는 경우) - 단순 값 설정이 필요한 경우 - 이전 상태와 무관한 로직으로 상태를 업데이트할 때 ▶ 외부 데이터로 상태 설정 - API 호출 결과를 기반으로 상태를 설정할 때const handleCheckAll = () => { setCheckedAll([])} ⇒ 이전 상태에 의존하지 않고 새 값을 설정const handleCheck = (id) => { setCheckedItems((prev) => prev.includes(id) ? prev.filter((itemId.. 공감수 0 댓글수 0 2024. 8. 31.
[moneybook]_day5 1. (issue) 문자열 선택초기값 세팅으로 0이 세팅된 후에도 selectText() 함수가 실행되어 문자열 전체 선택이 되야하는데, 안되넹 - 수정 후 소스const setInitial = (e, item) => { const today = new Date(); const date = `${today.getFullYear()}-${String(today.getMonth()+1).padStart(2,'0')}-${today.getDate()}`; if(item.disabled) { const newData = tempData.map((i) => item.id === i.id ? { ...i, date, price1:0, price2:0, isDisabled.. 공감수 0 댓글수 0 2024. 8. 30.
[moneybook]_day4 지금까지 짠 코드에 대한 찜찜한 부분들이 많이 있었고,그에 따라 GPT에게 코드 리뷰를 맡겨보았다. [코드 리뷰 및 개선 사항] 1. 상태 업데이트 시 콜백 함수 사용 const handleUpdate = (id, key, event) => { let newItem = event.target.innerText; if(key === 'price1' || key === 'price2') { if(newItem.trim() === '') { newItem = 0; event.target.innerText = '0'; } } // 수정 전 소스 const newData = tempData.map((item) => item.id ==.. 공감수 0 댓글수 0 2024. 8. 29.
[moneybook]_day3 1. 추가입력란 disabledlet [disabledItems, setDisabledItems] = useState([]);// 입력란 추가 로직에 checkbox disabled 추가 useEffect(() => { const empty = tempData.filter((item) => item.date !== undefined && item.date !== ''); if(empty.length === tempData.length) { setTempData([...tempData, {id:tempData.length}]); setDisabledItems([...disabledItems, tempData.length]); } }, [tempData]) 2. 엔터를 .. 공감수 0 댓글수 0 2024. 8. 24.
[moneybook]_day2 1. update React 공부를 하면서 update 해보기는 했지만항목 1~2개만 가지고 간단하게만 해봤었기 때문에 어떻게 해야할지 많이 헤맸다.const handleBlur = (id, key, event) => { const newItem = event.target.innerText; dispatch(updateItem({id, newData: { [key]: newItem } }));}return ( {payList.map((item,i) => ( handleCheck(item.id)} /> handleBlur(item.id, 'date', e)} onKeyDown={handleKeyDown} onClick={()=>handleDate(it.. 공감수 0 댓글수 0 2024. 8. 24.
[moneybook]_day1 1. 중복된 속성 {payList.map((item, i) => ( {payList[i].date} {payList[i].group1} {payList[i].group2} {payList[i].price1} {payList[i].price2} {payList[i].payment} {payList[i].remark} ))} 이게 저번까지 했던 소스코드 상태였다.모든 td에 중복적으로 속성을 적는것은 비효율적이라 생각했지만쉽사리 해결책을 생각해내지 못했다...(((하,,, 나 개몬하네~ㅋㅋㅋㅋㅋㅋ))) https://hyunee-p.tistory.com/117 Styled-components 태그 속성 한번에 주기import R.. 공감수 0 댓글수 0 2024. 8. 22.
[백준_javascript] 심화 1 (1316, 25206) #1316 (그룹 단어 체커)const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const input = fs.readFileSync(file).toString().trim().split('\n').map(item => item.trim().split(' '));const gpa = {'A+':4.5, 'A0':4.0, 'B+':3.5, 'B0':3.0, 'C+':2.5, 'C0':2.0, 'D+':1.5, 'D0':1.0, 'F':0.0};let total = 0;let totalGrade = 0;for(let [subject, score, grade] of inp.. 공감수 0 댓글수 0 2024. 8. 12.
[백준_javascript] 심화 1 (1157, 2941, 1316, 25206) #1157 (단어 공부)solution1_Object.const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const input = fs.readFileSync(file).toString().trim().toLowerCase().split('');const result = [];input.forEach(x => { result[x] = (result[x] || 0) + 1;})const max = Math.max(...Object.values(result));const maxKey = Object.keys(result).find(x => result[x] === .. 공감수 0 댓글수 0 2024. 8. 11.
[백준_javascript] 심화 1 (25083, 3003, 2444, 10988) #25083 (새싹)console.log(` ,r\'\"7r\`-_ ,' ,\/ \\. \". L_r\' \`~\\\/ | |`) #3003 (킹, 퀸, 룩, 비숍, 나이트, 폰)solution1_for().const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const input = fs.readFileSync(file).toString().trim().split(' ');const piece = [1,1,2,2,2,8];let result = [];for(let i=0; i solution2_map().const fs = r.. 공감수 0 댓글수 1 2024. 8. 10.
[백준_javascript] 문자와 문자열(2908, 5622, 11718) #2908 (상수)const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const input = fs.readFileSync(file).toString().trim().split(' ');const number = input.map(x => x.split("").reverse().join(''));console.log(Math.max(...number)); #5622 (다이얼)const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';co.. 공감수 0 댓글수 0 2024. 8. 10.
[백준_javascript] 문자와 문자열(10809, 2675, 1152) #10809 (알파벳 찾기)const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const input = fs.readFileSync(file).toString().trim().split('').map(x=>x.charCodeAt());const arr = new Array(26).fill().map((x,y) => y+97);const result = arr.map(x => input.indexOf(x));console.log(result.join(' ')); # 2675 (문자열 반복)solution1_for().const fs = require('fs');cons.. 공감수 0 댓글수 0 2024. 8. 7.
[백준_javascript] 문자와 문자열(27866, 2743, 9086, 11654, 11720) #27866 (문자와 문자열)const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const [S,i] = fs.readFileSync(file).toString().trim().split('\n');console.log(S.slice(i-1,i)); #2743 (단어 길이 재기)const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const word = fs.readFileSync(file).toString().trim();cons.. 공감수 0 댓글수 0 2024. 8. 6.
[백준_javascript] 1차원 배열(3052, 10811, 1546) #3052 (나머지)solution1_for.const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const input = fs.readFileSync(file).toString().trim().split('\n').map(Number);let arr = [];let remain = 0;for(let i=0; i solution2_new. const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const input = fs.readFi.. 공감수 0 댓글수 0 2024. 8. 5.
[백준_javascript] 1차원 배열(10810, 10813, 5597) #10810 (공 넣기)const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const input = fs.readFileSync(file).toString().trim().split('\n');let [n,m] = input[0].split(' ').map(Number);let arr = Array(n).fill(0);for(let i=1; i #10813 (공 바꾸기)const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const.. 공감수 0 댓글수 0 2024. 8. 1.
[백준_javascript] 1차원 배열(10807, 10871, 10818, 2562) #10807 (개수 세기)solution1_for.const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const input = fs.readFileSync(file).toString().trim().split('\n');let num = parseInt(input[0]);let numbers = input[1].trim().split(' ').map(Number);let findNum = parseInt(input[2]);let arr = [];for(let i=0; i e === findNum).length;console.log(result); solution2_f.. 공감수 0 댓글수 0 2024. 8. 1.
[백준_javascript] 반복문(2438, 2439, 10952, 10951) #2438 (별 찍기 - 1)const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const input = fs.readFileSync(file).toString().trim();let num = parseInt(input);let star = "";for(let i=0; i #2439 (별 찍기 - 2)solution1_for문 2개.const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const input = fs.readFile.. 공감수 0 댓글수 0 2024. 7. 30.
[백준_javascript] 반복문(25314, 15552, 11021) #25314 (코딩은 체육과목 입니다)solution1.const fs = require("fs");const file = process.platform === "linux" ? "/dev/stdin" : __dirname + "/input.txt";const input = fs.readFileSync(file).toString().trim();let num = parseInt(input) / 4;let result = "";for (let i = 0; i solution2_repeat함수 활용.const fs = require("fs");const file = process.platform === "linux" ? "/dev/stdin" : __dirname + "/input.txt";const in.. 공감수 0 댓글수 0 2024. 7. 29.
[백준_javascript] 반복문(2739, 10950, 8393, 25304) #2739 (구구단)const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const input = fs.readFileSync(file).toString().trim();for(let i=1; i #10950 (A+B - 3)const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const input = fs.readFileSync(file).toString().trim().split('\n');let cnt = parseInt(inp.. 공감수 0 댓글수 0 2024. 7. 28.
[백준_javascript] 조건문(2884, 2525, 2480) #2884 (알람시계)const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const input = fs.readFileSync(file).toString().trim().split(' ');let h = Number(input[0]);let m = Number(input[1]);let alarm = '';if(m #2525 (오븐 시계)const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const input = fs.readFi.. 공감수 0 댓글수 0 2024. 7. 27.
parseInt()와 Number()의 차이 parseInt(), Number() 두 함수 모두 숫자 변환시 많이 사용했지만정확한 차이점에 대해 궁금해져 찾아보았다. parseInt()문자열로 된 부분에서 숫자(정수)만 뽑아서 변환문자열이 숫자로 시작하는 경우 숫자가 끝날 때까지만 형변환parseInt('2020년도'); // 2020parseInt('2020년도 1번째'); // 2020parseInt('제1회'); // NaNparseInt('10.12345'); // 10 Number()문자열 전체가 숫자일때 소수점까지 숫자타입 변환문자열이 숫자가 아닌 경우 NaN 반환Number('2020년도'); // NaNNumber('제1회'); // NaNNumber(10.12345'); // 10.12345 ### 참고한 블로그https://ve.. 공감수 0 댓글수 0 2024. 7. 27.
[백준_javascript] 조건문(14681) #14681 (사분면 고르기)const fs = require('fs');const [a,b] = fs.readFileSync(file).trim().split("\n").map(Number);if(a>0 && b>0) { console.log(1);} else if(a0) { console.log(2);} else if(a ▶ 제출 결과 : 런타임 에러ㅠ solution1_fs.const fs = require('fs');const [a,b] = fs.readFileSync(0).toString().trim().split("\n").map(Number);if(a>0 && b>0) { console.log(1);} else if(a0) { console.log(2);} else i.. 공감수 0 댓글수 0 2024. 7. 26.
[백준_javascript] 조건문(1330, 9498, 2753) #1330 (두 수 비교하기)const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const [a,b] = fs.readFileSync(file).toString().split(' ').map(Number);if(a > b) { console.log(">")} else if(a #9498 (시험 성적)const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const input = fs.readFileSync(file).toStr.. 공감수 0 댓글수 0 2024. 7. 26.
[백준_javascript] 입출력과 사칙연산(10171, 10172) #10171 (고양이)console.log(`\\ /\\ ) ( ')( / ) \\(__)|`); #10172 (개)console.log(`|\\_/||q p| /}( 0 )\"\"\"\\|\"^\"\` |||_/=\\\\__|`) 공감수 0 댓글수 0 2024. 7. 26.
[백준_javascript] 입출력과 사칙연산(11382) #11382 (꼬마 정민)const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const [a,b,c] = fs.readFileSync(file).toString().split(' ').map(Number);console.log(a+b+c); ** reduce함수 활용const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const input = fs.readFileSync(file).toString().trim().split(' '.. 공감수 0 댓글수 0 2024. 7. 25.
[백준_javascript] 입출력과 사칙연산(2588) #2588 (곱셈)solution1.const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const input = fs.readFileSync(file).toString().split('\n');const a = input[0].split('').map(Number);const b = input[1].split('').map(Number);const calc1 = Number(input[0]) * b[2];const calc2 = Number(input[0]) * b[1];const calc3 = Number(input[0]) * b[0];console.log(calc.. 공감수 0 댓글수 0 2024. 7. 25.
[백준_javascript] 입출력과 사칙연산(10926, 18108, 10430) #10926 (??!)const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const input = fs.readFileSync(file).toString().trim();console.log(`${input}??!`); #18108 (1998년생인 내가 태국에서는 2541년생?!)const fs = require('fs');const file = process.platform === 'linux' ? '/dev/stdin' : __dirname+'/input.txt';const input = fs.readFileSync(file).toString();console.l.. 공감수 0 댓글수 0 2024. 7. 25.
[백준_javascript] 입출력과 사칙연산(1000, 1001, 10998, 1008, 10869) ** 개발환경 : WindowMac, Linux는 유닉스 기반이라 /dev/stdin을 읽어주면 Terminal 상에서 입력할 수 있다.Window에서는 불가능하기 때문에 로컬에 있는 파일을 읽어와서 입력을 테스트해야한다.(Mac : "/dev/stdin" ------ Window : __dirname+"/input.txt") #1000 (+)const fs = require('fs');const input1 = fs.readFileSync(__dirname+'/input.txt').toString().split(' ')console.log(Number(input[0]) + Number(input[1])); const fs = require('fs');const input = fs.readFileSync.. 공감수 0 댓글수 0 2024. 7. 24.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.