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

𝐀𝐥𝐥343

No Image 📷 [23.01.13] 함수의 선언과 호출 함수의 선언 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. 13.
No Image 📷 [Git & GitHub] 협업, merge, branch (추가작업 요망) 전에 배운 commit, 원격repo, .gitignore를 알았다면, 이제 협업하는 방법을 알아보자 Issue 누가 이 작업 할겁니까? => Issue 할당 ex. 누가 로그인페이지 버튼부분 수정 할겁니까? => Login page button issue 할당 1단계. 누가 이 작업을 진행할 것인지 정한다. - Issue 2단계. 각자 맡은 것에 대해 작업한다. - Branch 3단계. 각자 작업을 프로젝트에 합친다. - merge (경우에 따라). 작업한 내용을 리뷰하고 최종적으로 프로젝트에 반영한다. - PR 후 merge 프로젝트에서 issue는 프로젝트에서 해결해야하는 문제로 아래같은 것이 있다. 버그(프로그램이 원하는 대로 동작하지 않는 것)를 신고(Bug report, 버그 리포트) 기능 추.. 2023. 1. 13.
No Image 📷 [Git & GitHub] commit, 원격 repo, .gitignore 키워드 버전 관리 git 초기화 (initialize, init) add / staging commit (커밋) commit 내역(history) push pull clone tracking 버전관리 프로젝트 상태가 변경되는 정보를 알고 있다는 것. Git은 가장 많이 쓰이는 버전 관리도구중 하나 commit을 사용해서 버전이 달라지는 것을 관리 git 초기화(git initialize) 컴퓨터에 있는 프로젝트를 Git 이 관리하는 프로젝트로 만들 수 있다. 앞으로 Git이 관리할거라고 설정해주면된다. 이 작업을 초기화 한다고 표현한다. Add (혹은 staging, 스테이징) commit에 반영할지 안할지 선택하는것 commit 현재의 프로젝트 상태를 저장하는 것을 commit이라고 한다. 내가 이해한.. 2023. 1. 13.
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 📷 [23.01.12] {변수, 자료형, 함수, 조건문, 반복문} 해당 5가지가 거의 모든 함수에서 사용되는 문법이라고 생각하면 되겠다. 변수는 값을 담는 것 즉 a = 2 라는 변수값을 준다는건 2를 a에 넣겠다는 뜻이다. 더 정확히 얘기하면, a는 2와 같다는 말이 아니다. a는 2와 같다는 코드는 a==2 이다. 자료형은 숫자, 문자, 리스트형, 딕셔너리형으로 알수있겠다. 함수는 hey() 같은 함수다. 예를 들어서 sum(2,3)을 출력하면 5가 나오게 만드는 식을 함수라 할 수 있다. 조건문은 if~ , else if ~ , else ~ 와 같은 조건이 들어간 형식이다. if 만약 ( 이러이러한 괄호 형식에 조건에 맞으면 ) { 이러 이러한 값을 출력하라 } else if 만약 위의 조건에 부합 하지 않는다면 ( 이러.. 2023. 1. 12.
No Image 📷 [23.01.11] Delete 코드에 대해서 알아보겠다. pymongo 에서 사용하는 코드다. db.users.delete_one({'name':'bobby'}) users 에 있는 'bobby' 라는 'name'을 가진 데이터를 삭제하는 코드다. 이걸 활용하여 5주차 마지막 버킷리스트에 활용해보겠다. 해당 화면처럼 첫번째 버킷 리스트에있는 삭제하기 버튼을 누르면, 해당 버킷리스트가 데이터도 삭제되고 화면에서도 지워지는 형식으로 만들어보겠다. @app.route("/bucket/delete", methods=["POST"]) def bucket_delete(): number_receive = request.form['number_give'] db.bucket.delete_one({'num': int(number_recei.. 2023. 1. 11.
No Image 📷 [AWS] AWS 서버 구매하기 AWS에서 컴퓨터 구매하기 리눅스가 깔린 컴퓨터를 구매하는 것 EC2 콘솔페이지 https://ap-northeast-2.console.aws.amazon.com/ec2/v2/home?region=ap-northeast-2 https://ap-northeast-2.console.aws.amazon.com/ec2/v2/home?region=ap-northeast-2 ap-northeast-2.console.aws.amazon.com 위 해당 페이지 아이디가 없다면 회원가입후 로그인하자. 로그인하면 해당 화면이 나올것이다. 해당 화면의 좌측 메뉴에서 인스턴스를 클릭하자 인스턴스 시작을 눌러주고 Ubuntu Server 20.04 를 찾아서 클릭해준다. 그 다음 키페어 화면에서 새 키 페어생성하면 이름을 지어.. 2023. 1. 11.
No Image 📷 [Node js] Node js 에 대해서 알아보자 Node js 란? 우선 프론트엔드와 백엔드로 나눴을 때 프론트엔드는 디지털기기 ( ex. 핸드폰, 컴퓨터 ) 같은 전자기기에서 보여지는 시각적 요소를 다루는 것. 백엔드는 그 시각적 요소뒤에 돌아가는 여러 프로그램들을 다루는 것. ( ex. 돈이 보내지게되는 과정 ) 이 두개중에 Node js 는 백엔드에 속한다. 그렇다면 Node js에 대해서 좀 더 알아보자 Node js 의 장점 1. Node js는 자바스크립트 언어를 활용하여 Node js를 사용할 수 있다. 2. 주로 스타트업에서 사용한다. ( 빠른 개발이 가능하다. ) 3. 대기업에서도 많이 사용하는 추세 4. node js 공부하는 사람들 중에 포기하는 빈도는 적다. (Java 가 Javascript 보다 대게 어렵다고 느끼기 때문) Q .. 2023. 1. 10.
No Image 📷 [HTML & CSS] 부트스트랩 써보기 부트스트랩 시작 템플릿 이걸로 시작해보죠! 해당 템플릿이 적용되어있어야 밑에있는 사이트에서 CSS 이용할 수 있다. 부트스트랩 주소 들어가기 https://getbootstrap.com/docs/5.0/components/buttons/ Buttons Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. getbootstrap.com 해당 주소를 이용해서 활용할 수 있다. 2023. 1. 10.
728x90