AJAX AJAX (Asynchronous JavaScript And XML)는 웹 페이지에서 새로운 데이터를 보여주려고 할 때 전체를 새로고침 하지 않고, 보여주고자 하는 데이터가 포함된 페이지의 일부분을 로드하기 위한 기법이다. 자바스크립트를 이용해서 비동기식으로 XML을 이용하여 서버와 통신하는 방식 최근에는 XML 보다 JSON을 더 많이 사용한다 Ajax 동작방식 요청 (Request): 브라우저가 서버에 정보를 요청 서버의 동작: 서버는 JSON, XML 등의 형식으로 데이터를 전달 응답 (Response): 브라우저에서 이벤트가 발생하여 콘텐츠를 처리 MPA & SPA, CSR & SSR 정리 https://studyhard-everyday.tistory.com/34 MPA & SPA, CS..
const [userArea, setUserArea] = useState(""); const [textArea, setTextArea] = useState(""); const [tweets, setTweets] = useState(dummyTweets); 구조 분해 할당 (Destructuring assignment)을 통해 변수와 함수를 할당하여 사용 const handleButtonClick = event => { // TODO : Tweet button 엘리먼트 클릭시 작동하는 함수를 완성하세요. // 트윗 전송이 가능하게 작성해야 합니다. const tweet = { id: tweets.length + 1, username: userArea, picture: "https://randomuser.m..
01_basicChaining function getNewsAndWeather() { let fetchNewsWeather = {}; return fetch(newsURL) .then(response => response.json()) // newsURL 데이터를 json으로 변환 .then(response => { fetchNewsWeather.news = response.data; // .data 속성을 .news에 할당 return fetch(weatherURL); }) .then(response => response.json()) // weatherURL 데이터를 json으로 변환 .then(response => { fetchNewsWeather.weather = response; // .weat..
공통된 특성을 기반으로 클래스, 상속으로 과제를 완수하기✨✨ class Grub { constructor() { this.age = 0; this.color = "pink"; this.food = "jelly"; } eat() { return "Mmmmmmmmm jelly"; } } class Bee extends Grub { constructor() { super(); this.age = 5; this.color = "yellow"; this.job = "Keep on growing"; } } class HoneyMakerBee extends Bee { constructor() { super(); this.age = 10; this.job = "make honey"; this.honeyPot = 0; ..
Koans는 불교에서 유래된 단어로, 결론을 내리기 전에 이게 왜 맞는지 깊게 고민한다는 의미를 가지고 있다고 합니다. 답이 미리 제시되어 있기 때문에 고민 없이 풀면, 큰 어려움 없이 전부 다 풀 수 있습니다. 하지만 그게 왜 정답인지 깊게 고민해 보는 시간을 갖지 않는다면 충분히 성장하기 어려울 것입니다. Koans 문제 중에는 학습하지 않은 개념도 의도적으로 포함되어 있습니다. 페어와 함께 깊게 고민하고, 정답을 설명할 수 있도록 연습해 보세요. 헷갈렸던 부분 it("lexical scope와 closure에 대해 다시 확인합니다.", function () { let age = 27; let name = "jin"; let height = 179; function outerFn() { let age..
