728x90 분류 전체보기244 5주차 스터디 자바스크립트 웹 개발 기본기 (1) 웹 기초 [코드잇 부스트 백엔드 스터디 ] 1. 웹 기초 다지기 📌 웹 브라우저와 서버가 통신하는데 필요한 자바스크립트 코드를 어떻게 작성하는지 웹 개론JSONAjaxpromise fetchasync/await fetch 함수 사용해보기 웹 브라우저와 서버가 통신하는 방법 fetch('https://www.google.com') .then((response)=> response.text()) .then((result)=>{console.log(result)}); * html은 웹페이지의 뼈대를 구성하기 위해 사용하는 마크업 언어 💡웹 브라우저가 서버로부터 받는 것은 코드 덩어리웹브라우저가 그것을 해석해서 사용자에게 화면을 보여준다 이런 오류 발생 fetch 함수 살펴보기 ☑️용어웹 브라우저가 서버로 보내는 요청 Requ.. 2024. 6. 4. 5주차 스터디 자바스크립트 객체 지향 기본기 (2) [코드잇 부스트 백엔드 스터디 ] 2. 객체 지향 프로그래밍의 4개의 기둥 📌 객체 지향 프로그래밍의 핵심 개념 4가지추상화 캡슐화 상속 다형성 추상화 어떤 구체적인 존재를 원하는 방향으로 간략화해서 나타내는 것→ 따라서 클래스를 설계하는 것도 모두 추상화 과정에 해당! 💡클래스의 이름, 프로퍼티와 메소드의 이름을 잘 짓는 것 중요 추상화 직접 해보기 실습각 프로퍼티와 메소드 이름 위에 그 의미를 나타내는 간단한 주석을 직접 작성 class BankAccount { constructor(name, money) { // 소유주 this.holder = name; // 잔액 this.balance = money; } // 입금하기 deposit(money) { this.balance += m.. 2024. 6. 4. 5주차 스터디 자바스크립트 객체 지향 기본기 (1) [코드잇 부스트 백엔드 스터디 ] 1. 객체와 클래스 객체 지향 프로그래밍이란? 객체 간의 상호작용을 중심으로 하는 프로그래밍 객체• 객체의 상태를 나타내는 변수• 객체의 행동을 나타내는 함수 ex) 유저 - 변수: 유저의 아이디, 유저의 생일 / 함수: 좋아요, 상품 구매 💡객체 지향 프로그래밍→ 프로퍼티와 메소드로 이루어진 각 객체들의 상호 작용을 중심으로 코드를 작성하는 것 절차 지향 프로그래밍→ 변수와 함수를 가지고 작업의 순서에 맞게 코드를 작성하는 것 객체 만들기 1-1 : Object-Literal Object Literal• 객체를 나타내는 문자열 const user= { email : 'chris123@google.com', //프로퍼티 birthdate: '1992-03-21', buy(i.. 2024. 6. 4. 4주차 스터디 모던 자바스크립트 (4) [코드잇 부스트 백엔드 스터디 ] 5. 자바스크립트의 유용한 내부 기능배열 메소드 ☑️forEach 메소드를 호출할 때 아규먼트로 콜백함수를 작성해주게 되면,이 콜백 함수의 첫 번째 파라미터로 배열의 요소를 순서대로 하나씩 전달하면서 매번 이 함수를 실행하는 원리로 동작// forEach와 mapconst members = ['영훈', '윤수', '동욱', '태호'];for (let member of members) { console.log(`${member}님이 입장하셨습니다.`);}members.forEach(function (member, index, arr) { // 콜백함수 console.log(`${member}님이 입장하셨습니다.`);});• 두번째 파라미터 index, i 는 요소의 인덱스를 관리할 수 있다• .. 2024. 5. 25. 4주차 스터디 모던 자바스크립트 (3) [코드잇 부스트 백엔드 스터디 ] 4. 자바스크립트의 문법과 표현 문장과 표현식 문장 (statements)• 어떤 동작이 일어나도록 작성된 최소한의 코드 덩어리 표현식 (expressions)• 표현식은 결과적으로 하나의 값이 되는 모든 코드→ 길이와는 상관없이 결과적으로 하나의 값이 되는 코드를 모두 표현식이라고 할 수가 있다.표현식이면서 문장, 문장이면서 표현식 // 할당 연산자는 값을 할당하는 동작도 하지만, 할당한 값을 그대로 가지는 표현식이다.title = 'JavaScript'; // JavaScript// 함수 호출은 함수를 실행하는 동작도 하지만, 실행한 함수의 리턴 값을 가지는 표현식이다.sayHi(); // sayHi 함수의 리턴 값// console.log 메소드는 콘솔에 아규먼트를 출력하는 동작도 하지만, und.. 2024. 5. 25. 4주차 스터디 모던 자바스크립트 (2) [코드잇 부스트 백엔드 스터디 ] 3. 함수 다루기함수를 만드는 방법 함수 선언을 변수에 할당, 함수 선언을 값 처럼 사용하는 방식 → 함수 표현식 // 함수를 만드는 방법const myBtn = document. querySelector('#myBtn');myBtn.addEventListener('click', function () {console. log('button is.clicked!');}); 함수 선언과 함수 표현식 차이💡일반적으로 변수에 할당해서 함수를 만드는 함수 표현식은 변수의 특성상 선언 이전에 접근 할 수 없음 • 함수 선언은 변수의 var 키워드처럼 함수 스코프를 갖는다→ 함수 안에 선언된 함수는 함수 밖에서 호출할 수 없지만 , 다른 코드 블록에서 선언하면 전역적으로 호출 가능 • 함수 표현식의 경우 할당된 .. 2024. 5. 25. 4주차 스터디 모던 자바스크립트 (1) [코드잇 부스트 백엔드 스터디 ] 1. 모던 자바스크립트 이해하기 모던 자바스크립트란? ECMAScript• 자바스크립트라는 프로그래밍 언어의 표준 (자바스크립트 표준 명세서)• ecma 국제 표준화 기구에서 관리 (ECMA-262로 관리됨)• 1997년에 처음 나옴 ES년도가 정식명💡ES6이 자바스크립의 발전에 굉장히 큰 영향을 준 버전 →ES6+라고도 부름 Modern JavaScript현시점에 사용하기 적합한 범위 내에서 최신 버전의 표준을 준수하는 자바스크립트 ECMAScript 더 알아보기 • JavaScript는 프로그래밍 언어이고, ECMAScript는 프로그래밍 언어의 표준• CMAScript는 JavaScript가 갖추어야 할 내용을 정리해둔 '설명서• JavaScript는 ECMAScript를 준수해서 만들어낸 .. 2024. 5. 25. 3주차 컴퓨터 구조 이해하기 [코드잇 부스트 백엔드 스터디 ] 1. 컴퓨터의 언어, 이진법 이진법 컴퓨터는 통신을 하기 위해 0과 1만을 사용하는 이진법을 언어로 사용0123456789 → 10진법01 → 2진법 비트와 바이트 비트• 데이터의 최소 단위• 이진수로 총 몇 자리인지를 나타낸다 바이트• 1바이트 = 8비트• 작은 단위인 bit는 소문자 b로, 보다 큰 단위인 Byte는 대문자 B로 적는다 2. 논리 연산 논리연산 0과 1의 전달 방법 • 컴퓨터가 0과 1이라는 언어를 서로 주고 받을 수 있는 비밀→ 반도체 반도체• 상황에 따라 전기가 통하기도 하고 통하지 않기도 하는 특수한 물질두 부품사이에 전기가 흐르면 1, 흐르지 않으면 0 논리 연산• 0 거짓, off• 1 참, on• AND, OR , NOR두 가지 작동 방식두 신호가 모두 O.. 2024. 5. 20. 3주차 소프트웨어 이해하기 [코드잇 부스트 백엔드 스터디] 1. 컴퍼일러와 인터프리터 다양한 애플리케이션 애플리케이션• 사용자(End user)가 직접 사용하는 프로그램• 범위가 넓다 (핸드폰, 컴퓨터 뿐만 아니라 여러 기계들에도 탑재) 애플리케이션을 만드는 프로그램 애플리케이션들은 어떤 과정을 통해 만들어지는 걸까?• 프로그래밍 언어로 코딩을 해서 만듦 → 컴파일러와 인터프리터가 이 프로그래밍 코드를 실행할 수 있는 애플리케이션으로 바꿔줌 프로그래밍 언어의 번역기, 컴파일러 사람이 작성하기 쉬운 고수준 프로그래밍 언어 → High-levelHigh-level 언어를 컴퓨터가 실행할 수 있는 기계어(machine code)로 번역해야 함 💡컴파일러• 한 언어의 코드를 다른 언어의 코드로 바꿔 주는 것• 프로그래밍 언어의 번역기 컴파일러 단점• .. 2024. 5. 20. 이전 1 ··· 18 19 20 21 22 23 24 ··· 28 다음 728x90
