e7e

오늘은 익숙해지면 별거 아닌데, 설명하려면 순서가 잘 안나오는 콜백(callback)함수를설명해 보고자 한당! (정말 처음만 이상하징 별거 아니당!)그냥 나중에(뒤에) 불리는 함수라고 callback이라고 부를 뿐 이름만큼 쉽당어찌 보면 패션어블한 Refactoring(리팩토링 테크닉)으로도 볼 수 있당 먼저 코드를 실행하기 전에 코드에서  structuredClone(객체) 함수가 보이는뎅, 요건2022년에 새로 포함된 글로벌하게 쓸 수 있는 함수로 객체복사를 할 때 사용한당!(caniuse.com 에서 확인해 보면 거의 모든 최신브라우져에서 사용가능 하당!) 요걸 사용 안하고 console.log(coffeeCup)이라 찍으면, 참조된 객체라 모든 로그가똑같이 나와서 순서대로 변한 ..

자바스크립트 2023. 6. 9. 22:21

넘 소중한 JSON(JavaScript Object Notation)에 대해 이야기 해보장! JSON(JavaScript Object Notation) 자바스크립트 객체 표기법이당 JSON을 모르면 JS의 진정한 데이터 표현의 자유를 느낄 수 없당 시대적 추세가 데이터 전송에 이미 XML에서 JSON으로 넘어왔당 .(점) 접근법 과 [](배열식) 접근법 2가지 모두 필수당 배열은 key(속성)값이 무조건 숫자(index)인 JSON이라 생각하장 먼저 어떤 형태로 사용하는지를 누네 낯설지 않게 JSON.html 파일을 아래 내용으로 맹글어서, 브라우져에서 alert 결과를 확인하공, 누느로 여러번 위아래로, 아래위로 횡단하장!(객체 생성에서 자유가 느꺄지는가?) 전송형태로 사용될 때는 보통 메소드없이 속성..

자바스크립트 2023. 6. 8. 20:15

문자열, 배열, JSON 중에 문자열은 아라보았으닝, 다음은 배열을 보장!배열은 차므로 쉬운데, 초보자들은 처음에 이상하게 느껴질 수 있당!박스 속에 박스, 그 속에 또 박스를 넣을 수 있음을 기억하장! (생각하는 대로...)사실 컴퓨터 세계에선 돌고래 속에 돌고래를 그 안에 사람 넣는 것도 가능하당! 배열(박스)엔  length라는 속성이 있어서, 배열속에 몇개가 있는지 알려주는 데,사실 이 속성이 배열을 잘 쓰는데 가장 중요하당!  콜백(callback)함수를 잘 만들게 되면,대부분의 메소드들은 아주 쉽게 그냥 맹글어 쓸 수 있게 된당! (만들 수 있다면 어렵지않당)배열.html을 아래 내용으로 작성하고 length값의 변화에 주목하장!요기서 억지로 한가지 짚고 넘어가면  alert(배열이름) 했을 ..

자바스크립트 2023. 6. 7. 17:14

자바스크립트 변수 타입 중 문자열, 배열, JSON은 쪼메 깊게 다루어 볼 필요가 있당! (왜에? 아주 자주 거의 항상 누네띠게 쓰이니깡!, 자주 쓰는 메소드를 보장) 먼저 문자열(string) 메소드 몇 개 알아보장! 비대면이라 요런 부분은 재미를 주기 어렵당! 너그러운 이해가 필수당! 타이핑을 추천하지만, 오늘 기분이 마악 쪼메 그렇다면, Copy & Paste도 괘안탕! (당신은 매우 긍정적이어서 곧 불안감으로 한번 더 확인 할 사람이니깡!) 문자열.html 파일을 아래 내용으로 채우고, 실행 결과와 매칭 시킨 후 (곧 이해) 나중에 VS CODE에서 코드 자동완성 기능으로 그저 누느로 골라낼 수 있을 정도만 하장! 요기서 잠깐만요!!!! 짚고 넘어가야 할 게 있어용! 2023.06.01 - [자바..

자바스크립트 2023. 6. 6. 21:52

웹서버(코드 이해 안 되도 됨! 아직은), 변수, 조건문, 반복문, 함수를 대략적으로 훑어 보았당!  (새로운 걸 공부할 때 한번 훑는 것은 대단히 중요하당!)첨부터 꼼꼼하면 잼없는 부분에 한숨짓고, 맥락이 안 이어져, 의지가 히미해진당! 필요한 데 건너 뛴 부분을 체킁!  정리하장 -> 바로 연산자(Operator)당!<a href="https://developer.mozilla.org/en-U..

자바스크립트 2023. 6. 5. 16:35

함수(function) 자바스크립트가 재밌어지려면 함수(function)를 잘 맹글고 활용해야 한당!. 보통 초보자들의 첫번째 고비당!, 일단 두가지 원칙을 기억하장! DRY -> Do not Repeat Yourself(반복하지 마랑) 함수를 맹그는 이유당! KISS -> Keep It Simple, Stupid(심플하게 유지행, 바보얌) 함수 맹글 때 생각해랑! 함수선언법 2가지 화살표함수(Arrow function)와 호이스팅(hoisting) 이야기는 일단 못 들은 척 하장 // 원래 선언법 function 함수명(/*매개변수명1,매개변수명2, 필요한 만큼*/){ //실행블락 //return //명시적으로 쓰지 않는다면 생략되어 있음 } // 표현식 선언법 var 함수명 = function(/*매..

자바스크립트 2023. 6. 3. 23:46

조건문의 핵심인 if문을 배웠으닝, 반복문도 한번 정리해 보장!개발자라면 당근 조건문과 반복문이 뒤섞인 코드 속에서 평상심을 잃지 말공console.log와 alert로  코드가 가려는 길을 디버깅으로 열어줘야 할 것이당.컴터가 인간보다 잘 하는 건 확실히 빠른 반복일 것이당!(바보라서 부럽당!~~) 반복문에는 대표적으로 for문과 while문이 있당!횟수가 정해져 있을 때는 for문, 모를 때는 while문을 권장한다는 말이 있지만 의미 없당. 어느 쪽이든 한쪽만 잘 쓰면 모두 커버 가능하당!반복문.html을 아래 내용으로 맹글고,역시 브라우져에서 결과와 소스를 호기심 만땅 아기고양이 눈빛으로 관찰하장! 여러분이 개발자로서 위와 같은 코드를 짰고, 개발자 아닌 친구가 여러분의 코드를 보았다면,친구는 잠..

자바스크립트 2023. 6. 3. 08:12

자바스크립트 변수에 대해 쪼금 알게 되었땅!바로 기피 들어가면 기피하게 되닝, 얄팍하게  먼저 조건문에 대해  얄팍한 만큼만 알아보도록 하장자바스크립트 IF 문법  확인은  MDN 사이트에서 스스로 하장!(당신은 매우 능동적이당!)조건문.html을 아래 내용처럼 맹글고, 브라우져에서 결과를 예리하게 눈팅하장!JAVA와 같은 정적언어에 익숙한 사람 눈에는 미리 에러가 보일 것이당!if(조건) 에서 조건은 true/false  boolean타입이 와야 한다고 믿기 때문이당!하지만 자바스크립트는 동적언어당 자동으로 if문 조건절에 오는 데이타타입을 boolean 타입으로 바꾼당!실행 결과를 정리해 보면              1. 문자열은 ""  빼고는 모두 참(true)이당!              2. 숫..

자바스크립트 2023. 6. 2. 16:46