Wii Pointer #1 Tilt Normal
본문 바로가기
728x90

📁𝐩𝐫𝐨𝐠𝐫𝐚𝐦𝐦𝐢𝐧𝐠𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞55

No Image 📷 [JavaScript 심화] JavaScript 심화 항해 12기 1주차 2023. 1. 24.
No Image 📷 [JavaScript 심화] JS Study 일지 (3일차) 1. 데이터 타입 01. 데이터 타입 생각해볼 것들 📌 🤔 : 아래의 내용들은 이번 장에서 얻을 수 있는 지식들입니다. 이러한 것들을 배운다고 생각하고 데이터 타입 챕터를 읽어가주세요, 다 읽은 이후에 아래의 질문에 대한 답을 답할 수 있으면 완벽합니다. 1.다른 언어에서는 어떻게 데이터 타입을 정의 할까요? 2.다른 언어들처럼 데이터 타입을 다룬다면 장단점은 무엇이 있을까요? 3.기본형 데이터와 참조형 데이터를 굳이 왜 구분해서 다룰까요? 혹시 하나의 방식으로 다 다룰수는 없을까요? 4.왜 불변 객체를 이용해야 할까요? 어떤 실수가 있을 수 있을까요? 5.왜 자바스크립트에는 undefined와 null이 있을까요? 1.다른 언어에서는 어떻게 데이터 타입을 정의 할까요? 프로그래밍 언어에서 사용할 수 있.. 2023. 1. 20.
No Image 📷 [JavaScript 심화] JS Study 일지 (2일차) (추가작업 요망) 01. 함수와 객체 함수는 특정 작업을 수행하기 위해 설계된 기능이다. (여러 문장들이 하나의 기능을 구현하도록 구성한 것) 객체는 어떤 속성값과 행동을 가지고 있는 데이터 또다른 예로 기차역에서 승차권을 발매하는 경우. 실체인 '손님'과 동작인 '승차원 주문' 은 하나의 객체임. 실체인 '역무인'과 동작인 '승차권 발매' 도 하나의 객체임. 02. 함수와 객체 답변 Question 1. 1.해쉬 자료구조란? 키(Key)와 값(Value) 쌍으로 이루어진 데이터 구조를 말한다 2.자바스크립트 객체로 주로 하는 일이란? 객체는 데이터(프로퍼티)와 그 데이터에 관련되는 동작(메소드)을 모두 포함할 수 있기 때문에 데이터와 동작을 하나의 단위로 구조화한다. 3.자바스크립트 객체의 프로퍼티란? 객체에 들어있는 .. 2023. 1. 19.
No Image 📷 [JavaScript 심화] JS Study 일지 (1일차) 01. 자바스크립트란? 자바스크립트는 ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어 모던 자바스크립트는 ‘안전한’ 프로그래밍 언어 자바스크립트의 능력은 실행 환경에 상당한 영향을 받는다. Node.js 환경에선 임의의 파일을 읽거나 쓰고, 네트워크 요청을 수행하는 함수를 지원 브라우저 환경에선 웹페이지 조작, 클라이언트와 서버의 상호작용에 관한 모든 일을 할 수 있다. 자바스크립트만의 강점 HTML/CSS와 완전히 통합할 수 있음 간단한 일은 간단하게 처리할 수 있게 해줌 모든 주요 브라우저에서 지원하고, 기본 언어로 사용됨 자바스크립트 기본 01. 인트로 Hello, world! 스크립트 후 html 실행시키면 Hello world 라는 alert 기능이 실행되고 스크립트 전 스크립트 .. 2023. 1. 18.
No Image 📷 [JavaScript] 배열 (2) 요소 추가와 삭제 배열을 선언하고 난 이후에 새로운 요소를 더하거나 빼야 할 필요도 있지 않을까? 이 때 사용하는 것이 pust 와 pop 이라는 메소드 // rainbowColors라는 변수를 선언하고 -> 각각의 문자열 데이터들을 배열에 담아서 변수에 저장(할당) const rainbowColors = ['red','orange','yellow','green','blue','indigo','violet'] // 배열의 마지막에 ultraviolet을 추가해보자 rainbowColors.push('ultraviolet') // ultraviolet을 추가한 rainbowColors를 출력 console.log(rainbowColors) // 배열의 마지막에 있는 요소를 제거하자 rainbowColors.. 2023. 1. 18.
No Image 📷 [JavaScript] 배열 (1) 배열 (Array) 이란? 자바스크립트에서 데이터를 표현하기 위한 방법으로 기본타입과 객체를 배웠다. 이걸로도 우리는 분명 많은 것들을 할 수 있다. 하지만! 같은 형식의 많은 데이터를 순서대로 저장하고자 할 때에는 데이터의 수만큼 많은 변수들을 선언해줄 수 밖에 없다. 이 때 쓰는 것이 바로 배열! 배열의 선언! 숫자 1,2,3,4,5 로 이루어진 배열을 선언하는 방법은 아래처럼 두 가지가 있다. // 첫 번째 방법 const arr1 = new Array(1,2,3,4,5) // 두 번째 방법 const arr2 = [1,2,3,4,5] console.log(arr1[3]) // 4 console.log(arr2[2]) // 3 console.log(arr2) // [1, 2, 3, 4, 5] 여기서.. 2023. 1. 18.
No Image 📷 [JavaScript] 클라스와 객체 (2) 클래스 선언 -> 메소드 선언 -> 객체 생성 및 메소드 호출 메소드를 활용하는 방법을 보여주겠다. //클래스 선언! class product { constructor(name, price) { this.name = name this.price = price } //메소드 선언! printInfo() { console.log(`상품명: ${this.name}, 가격: ${this.price}`) } } //객체 생성 및 메소드 호출 //우선 객체 생성 const notebook1 = new product('Apple Macbook', 2000000) //생성한 객체에 메소드 호출 notebook1.printInfo() //상품명: Apple Macbook, 2000000 객체 리터럴 (Object Lit.. 2023. 1. 18.
No Image 📷 [JavaScript] 클라스와 객체 (1) 객체(object) 타입 관련있는 데이터들을 묶어서 한번에 잘 나타낼 수 있는 데이터 타입은 없을까? 예를들어서 노트북 전문 쇼핑몰을 생각해보자 여기서 파는 모든 노트북들은 이름 가격 제조사와 같은 데이터들을 가지고 있을거다. 그런데 이러한 것들을 기본 타입만으로 표현한다면 그 데이터들을 묶어서 표현한다는게 쉽지 않다. 이때 사용하는 데이터 타입이 바로 객체 타입 객체를 좀 어렵게 얘기하면 물리적으로 존재하거나 추상저긍로 생각할 수 있는 것중에서 자신의 속성을 갖고 있고 다른 것과 식별 가능한 것 을 의미한다. class Notebook { constructor(name, price, company) { this.name = name this.price = price this.company = compa.. 2023. 1. 12.
No Image 📷 [JavaScript] 변수, 자료형, ( 함수 ), 조건문, 반복문 함수의 선언과 호출 함수의 선언 function 함수명 (매개변수들...) { 이 함수에서 실행할 코드들 return 반환값 } function calculateAvg(price1, price2) { const sum = price1 + price2 console.log(`두 상품의 가격 총합은 ${sum}입니다.`) const avg = sum / 2 } const priceA = 1000 const priceB = 2000 const avg1 = calculateAvg(priceA, priceB) console.log(`A와 B의 평균은 ${avg1}입니다.`) const priceC = 2000 const priceD = 3000 const avg2 = calculateAvg(priceB, pric.. 2023. 1. 12.
No Image 📷 [JavaScript] 변수, 자료형, 함수, ( 조건문 ), ( 반복문 ) 반복문과 조건문 활용 for (let number = 1; number 2023. 1. 12.
No Image 📷 [JavaScript] 변수, 자료형, 함수, 조건문, ( 반복문 ) While ( 조건 ) { 조건을 만족할 때 실행할 코드 } let temperature = 20 while (temperature < 25) { console.log(`${temperature}도 정도면 적당한 온도입니다.`) temperature++ } 증감연산자 ++를 이용한 구문이다. temperature 에 20을 넣고 while 의 조건에 부합하니 20도 정도면 적당한 온도입니다. 를 출력한다 그리고 증감연산자를 적용해 temperature 에 1을 더해서 21을 넣어주고 while 의 조건에 부합하니 21도 정도면 적당한 온도입니다. 를 출력한다 그리고 증감연산자를 또 적용해 temperature 에 1을 더해서 22를 넣어주고 while 의 조건에 부합하니 22도 정도면 적당한 온도입니다... 2023. 1. 12.
No Image 📷 [JavaScript] 변수, 자료형, 함수, ( 조건문 ), 반복문 If 구문 const shoesprice = 40000 if (shoesprice 50000) { console.log('구매를 하지 않겠습니다.') } else if (shoesprice > 30000 ) { console.log('구매를 고민.. 2023. 1. 12.
No Image 📷 [JavaScript] 변수, ( 자료형 ), 함수,조건문 , 반복문 - 연산자 (2) If 구문을 활용해 조건을 만족했을때만 코드를 실행하도록 할 수 있다. 이 조건의 결과값이 우리가 배운 Boolean Boolean을 return하는 연산자는 비교연산자 논리연산자 일치연산자가 있다. 비교연산자 (Comparison operators) 조건문과 같이 활용이 많이된다. console.log(1 = 2) [TERMINAL] 출력하면 true true false false 출력된다, 논리연산자 (Logical operators) 조건문과 찰떡 궁합 || ( or ), && ( and ), ! ( not )과 같은 연산자를 말한다. || 는 연산 대상중 하나만 ture 여도 true return &&는 연산 대상이 모두 true .. 2023. 1. 12.
No Image 📷 [JavaScript] 변수, ( 자료형 ), 함수,조건문 , 반복문 - 연산자 (1) 연산자에 대해서 알아보자 문자열 붙이기 +를 사용하여 문자열 이어 붙일 수 있다. console.log('my' + 'car') console.log('1' + 2) console.log(1+2) 해당 코드를 실행시켜보자 [TERMINAL] 출력하면 mycar 12 3 출력된다. 결과값을 보면 알 수 있듯이 문자열과 숫자열을 같이 더하면 문자열로 인식하는것을 알 수 있다, 숫자열 1을 문자열 1로 인식하여 12로 출력하는것이다. 즉 12가 아닌 1,2 가 출력된것이다. 템플릿 리터럴 (Template literals) 백틱 ( ` ` ) 을 사용하여 문자열 데이터를 표현할 수 있다. 이중 혹은 작은 따옴표로 문자열을 표현할 때 보다 더 간결하게 문자열 붙이기가 가능하다. const shoesprice =.. 2023. 1. 12.
No Image 📷 [JavaScript] ( 변수 ), 자료형, 함수, 조건문, 반복문 변수를 시작하기 전에 한가지만 상기하고 넘어가자 프로그래밍 언어를 배울때는 5가지만 꼭 기억하자!! {변수, 자료형, 함수, 조건문, 반복문} 해당 5가지가 거의 모든 함수에서 사용되는 문법이라고 생각하면 되겠다. 변수는 값을 담는 것 즉 a = 2 라는 변수값을 준다는건 2를 a에 넣겠다는 뜻이다. 더 정확히 얘기하면, a는 2와 같다는 말이 아니다. a는 2와 같다는 코드는 a==2 이다. 자료형은 숫자, 문자, 리스트형, 딕셔너리형으로 알수있겠다. 함수는 hey() 같은 함수다. 예를 들어서 sum(2,3)을 출력하면 5가 나오게 만드는 식을 함수라 할 수 있다. 조건문은 if~ , else if ~ , else ~ 와 같은 조건이 들어간 형식이다. if 만약 ( 이러이러한 괄호 형식에 조건에 맞으.. 2023. 1. 12.
No Image 📷 [Flask] 버킷리스트 (3) 완료 POST 연습 (기록 하기) 그림에서 설명하듯이 번호를 매겨줘야 해당 글귀 오른쪽에 있는 완료! 버튼을 누르면 해당 번호의 버킷리스트를 완료할 수 있는 매커니즘을 만들 수 있다. 적, post 방식으로 보낼 데이터는 bucket 빈칸에 있는 이루고싶은것을 입력하세요 칸에 있는 글귀다. 근데 그 글귀를 클라이언트 서버로 보내면서 번호도 같이 매겨서 보내야한다는 뜻이다. 2023. 1. 3.
728x90