내가 보려고 쓰는 기록

input 태그 속성 type : input 태그의 종류 value : input 태그의 초기값 name : 제출시 서버로 전달되는 이름 placeholder : 입력 필드에 사용자가 적절한 값을 입력할 수 있도록 도와주는 짧은 도움말 버튼 기능 구현을 위해 필요한 state들 1. text state : input에 입력한 값 저장할 state 2. name state : 버튼 누를 때 text state값 저장할 state 위의 기능 구현을 위해 필요한 function들 1. onChange : input에 입력한 값 text state에 넣어주는 함수 2. onClick: 버튼 눌렀을 때 text의 값 name state에 넣어주는 함수 ex) state와 function들 const [text,s..

파이썬 같은 언어는 순서대로 코드를 실행해 주지만 but 자바스크립트는 순서대로 코드 실행하지 않는다. ex) console.log(1+1) setTimeout(function(){ console.log(2+2) },1000) console.log(3+3) 위의 코드를 실행시키면 1+1 → 3+3 → 2+2 순으로 코드가 실행된다. 원래 순서대로면 1+1 → (1초 후) 2+2 → 3+3 실행되어야 하지않나 코드 위에 적든 밑에 적든 빠른 것부터 실행이 되는 것이다. 웹 브라우저 동작 원리 웹 브라우저 : 자바스크립트 실행시켜 주는 엔진 웹 브라우저 내부에 Stack이라는 공간이 있고 거기서 코드를 하나하나 실행시켜 준다 (코드를 실행해 주는 곳) Stack은 하나밖에 없어서 한 번에 코드 한 줄만 실행..

임시 서버를 Node.js + express로 쉽게 만들기 1. 리액트 프로젝트 외에 server 폴더 따로 만들기 2. npm init 해서 package.json 파일 생성 3. npm install express 해서 exress 설치 4. server.js 파일 만들어서 아래의 코드 복붙 const express = require('express'); const path = require('path'); const app = express(); app.listen(8080, function () { console.log('listening on 8080') }); 5. node server.js로 서버 잘 만들어 졌는지 확인 리액트로 만든 HTML 전송하는 법 1. 리액트로 개발을 다 마친 후 b..

배열 복제 var arr = [1,2,3,4,5]; var newArr = [...arr]; // [1,2,3,4,5] 배열 병합 var arrA = [1,2,3]; var arrB = [4,5,6]; const newArr = [...arrA, ...arrB]; //[1,2,3,4,5,6] 배열뿐만 아니라 문자열도 복제 가능 * 문자열 배열에 담을 때 split('') 썼는데 [...]연산자가 더 간편! const num = '205'; console.log([...num]) // ['2','0','5'] console.log(num.split('')) // ['2','0','5'] 객체도 동일 var obj = {a:1, b:2}; var newObj = {...obj}; //{ a: 1, b: 2 ..

filter( ) filter( ) 메서드는 조건에 맞는 요소를 모아 새로운 배열을 만들어줌 ex) 주어진 배열에서 짝수와 홀수를 새로운 배열에 각각 담으려면? function solution(arr){ const 짝수 = arr.filter( e => e%2==0 ); const 홀수 = arr.filter( e => e%2!=0 ); return [짝수,홀수] } console.log(solution2([1,2,3,4,5,6])) //[ [ 2, 4, 6 ], [ 1, 3, 5 ] ] filter 안의 조건의 맞으면 새로운 배열을 생성해줌

https://apis.map.kakao.com/web/ https://react-kakao-maps-sdk.jaeseokim.dev/ 1. index.html에 카카오 API 코드를 복붙한다 2. map.js에 지도를 담을 영역을 만든다 3. 지도를 띄우는 코드를 작성한다 var container = document.getElementById('map'); //지도를 담을 영역의 DOM 레퍼런스 var options = { //지도를 생성할 때 필요한 기본 옵션 center: new kakao.maps.LatLng(33.450701, 126.570667), //지도의 중심좌표. level: 3 //지도의 레벨(확대, 축소 정도) }; var map = new kakao.maps.Map(container..

췌장염으로 입원 중이다..티얼스.. 퇴원하면 진짜 건강식만 먹을것임 진짜.... 꺅 곱창이다 엄마가 의사쌤한테 곱창 좋아한다고 일러서 곱창 끊을거라고 말했더니 그렇게 할 필요까진 없다고...(오예) 1월 말에 온 마지막 눈 오랜만에 롯데리아 이제 감튀 끊어야됨... 슬펗 오랜만에 우리할매 퇴원하면 떡볶이도 건강하게 먹으려고 현미100%로 만든 떡이랑 알룰로스 주문해놨다 작심일주일이라도 제발 이디야에서 공부하는데 카페전체에 츄러스 냄새 오지게 나서 키오스크로 달려감 응 이젠 단것도 줄여야 돼~ 대비도 엄청 오랜만에 만나서 거의 8시간 수다 떨었다ㅋㅋㅋ 서로 감탄 인스타 갬성샷으로 찍기 연습 쉽쬬 (이거 맞음?) 경기도 하남까지가서 빡센 기술면접에 먼지+눈물 털리고 온날 기분 안 좋아서 아무식당이나 들어갔는..

node modules을 삭제하고 재설치해야 되는 경우가 많다. 근데 node modules를 그냥 삭제해버리면 시간이 너무 오래걸림 npx npkill -d ./ 위의 명령 가운데 ./ 은 현재 폴더 아래에 있는 모든 노드 모듈을 찾으라는 명령이다 노드모듈을 삭제해줌 wow