Props? 각 컴포넌트에 데이터를 key와 value 값으로 전달해주는 기능 Read Only 컴포넌트 만들고 props로 값 받아서 출력하기 function WorldClock(props){ return( 🌎도시 : {props.city} ⌚시간 : {props.time} 시 ) } function App() { return ( //이전 글과 내용 같음 )

Promise 언젠가 해결할 것이라는 약속 /* new Promise ((resolve, reject) => {}) Resolve -> 해결, 성공 - > then Reject - 거절, 실패 -> catch */ function sayHello2(name){ return new Promise((resolve,reject)=>{//이건 안 바꾸는게 좋음 setTimeout(()=>{ console.log(name+"님 안녕하세요") resolve("서울") },3000) }) } sayHello2("Frank") .then((seoul)=>console.log(seoul+" 로 안녕히가세요")) //resolve의 output을 받아서 input으로 쓸 수 있다. /* 실행결과 Frank님 안녕하세요 서..

비동기성 실행 결과를 순서대로 처리하지 않음 setTimeout(()=> {console.log("안녕하세요")},2000); console.log("안녕히 가세요");-> 안녕세요가 먼저 나온다. 2초 기다리지 않음. 리액트가 비동기성이 필요한 이유는 리액트가 다음과 같은 특성을 갖기 때문 인터넷 속도 의존 유저 인터랙션 속도가 느려도 인터랙션은 되어야 한다. 하지만 결과 순서가 뒤죽 박죽임. 이를 해결하기 위한 게 바로 콜백 결과가 끝난 후 호출되는 함수 function sayHello(name,byeCallback){ setTimeout(()=>{ console.log(name+" 안녕하세요.") byeCallback() },2000); } sayHello("Mike",()=>console.log(..

function reduce(func,arr,memo){ var len = arr.length, i = 0, accum = memo; for(;i

문제 euc-kr로 설정된 서버에서 작업을 하다보니 한글이 깨지는 현상이 나타남 원인 ajax 통신에서 기본 캐릭터셋이 utf-8이라서 euc-kr로 보내고 받으면 한글이 깨짐 해결 ajax 설정부분에서 캐릭터셋을 euc-kr로 설정 //ajax 전송 $.ajax({ type:'post', url:'main_notice_act.jsp', data:$f.serialize(), dataType:"json", contentType: 'application/x-www-form-urlencoded; charset=euc-kr', //캐릭터셋을 euc-kr로 success:function(data){ if(data.trim()=="") alert("저장되었습니다."); else alert(data); }, erro..

// 본 내용은 '인사이드 자바스크립트' 책을 참고하였음 메모제이션 패턴은 계산결과를 저장해놓아 다시 계산할 필요 없이 사용할 수 있게 한 'memorize' 기능을 자바스크립트에서 구현한 패턴이다. function Calculate(key,input,func){ Caculate.data = Calculate.data || {}; if(!Calculate.data[key]){ var result; result = func(input); Calculate.data[key] = result; } return Calculate.data[key]; } 함수 Caculate() 프로퍼티에 data 프로퍼티를 만들어 객체를 할당하였다. 사용자는 원하는 값을 원하는 키로 저장해 놓을 수 있다. 일종의 캐시 역할을 한..