기록

1. 동기와 비동기동기 (synchronous): 작업을 순차적으로 실행하는 방식. 한 작업이 완료될 때까지 다음 작업은 대기.비동기 (asynchronous): 여러 작업을 동시에 처리 할 수 있다.2. 서버통신서버와 클라이언트 간의 데이터 교환 과정을 의미한다.데이터를 다 불러오기도 전에 실행될 수 있다.let data = 서버에서 데이터 불러오는 작업;console.log(data);기본 구조:서버: 리소스, 데이터, 또는 서비스를 제공하는 강력한 컴퓨터 시스템.클라이언트: 서버에 리소스나 서비스를 요청하는 장치 또는 소프트웨어 애플리케이션.통신 과정:연결 설정: 클라이언트가 서버에 연결을 요청요청: 클라이언트가 서버에 특정 데이터나 서비스를 요청처리: 서버가 요청을 처리응답: 서버가 처리 결과를 ..

Javascriptupgrade!  1. 구조 분해 할당 (Destructuring Assignment)벌써 한국어 부터 어렵다.배열이나 객체의 값을 개별 변수로 쉽게 추출할 수 있게 해준다. (코드가 더 간결해짐)배열의 구조분해 문법const arr1 = ['tomato', 'kiwi', 'orange']console.log(arr1[0])const tomato = arr1[0]const [a,b,c] = arr1 // arr1에 있는 애들을 분해해서 여기에 넣음console.log(tomato)console.log(a)const arr2 = ['red', 'orange', 'pink', 'yellow']const [red, orange, , yellow] = arr2 // pink만 사용하고 싶지 않..

jQuery 1. jQuery기초 & method123// jQuery 요소 선택 방법// $("CSS 선택자")console.log($('#div1'))cs">HTML 삽입미리보기할 수 없는 소스JS에 비해서 굉장히 축약되었다. 💫 값 가져오기 & 설정하기$(선택자).val();input과 같은 value 값을 가져올 수 있다.$(선택자).val("설정할 값");input과 같은 곳에 value 값을 설정할 수 있다.// input value 설정 및 가져오기// val()function getValue(){    let value = $('input').val() // 가져올때는 val()함수에 값만 비워두면 된다    alert(value)}function setValue(){    $('inpu..

Javascript1. 문자열 관련 메소드1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374// 문자열에서 사용하는 속성과 메소드// length// toUpperCase, toLowerCase, trim, indexOf, slice, replace, replaceAll, repeat, split let str1="Strawberry Moon"let ..

Javascript 1. Javascript 참조 방식💫내장 방식: 위치 어디든 사용이 가능하다. 💫링크 방식 2. 데이터 종류💫String 문자열1234let myName = "sample"let email = 'sample@g.com'console.log(myName)console.log(email)cs" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스1234567// 문자와 변수를 동시에 써보기console.log('내 이름은', myName)// let bbbb = '내 이름은', myNamelet ..