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

📘 𝐭𝐢𝐥80

No Image 📷 [23.01.22][스파르타 코딩클럽]_ 7주차_ 01주차 이번 주 Keyword : 함수와 객체, 데이터 타입, 실행 컨텍스트 함수 : 함수는 특정 작업을 수행하기 위해 설계된 기능이다. 생성자 함수 란? "객체"를 생성할 때 사용하는 함수 생성자 함수의 필요성? 여러개의 동일한 프로퍼티를 가지는 객체를 생성하기 위해서 필요 Prototype을 이용하여 메모리 절감을 위해서도 필요 생성자 함수의 형태 생성자 명 : 대문자로 시작 (일반 함수와 구별을 하기 위한 관례 입니다) 내부의 식별자 선언(var 식별자) 없음 내부의 메소스 선언(var 식별자 = function (){}) 없음 "this.프로퍼티"를 통해서 프로퍼티 명시만 가능 객체 : 객체는 어떤 속성값과 행동을 가지고 있는 데이터 데이터 타입 : 우선 타입을 지정하기 이전에 타입에는 number, s.. 2023. 1. 22.
No Image 📷 [23.01.21] // 열개의 상품 가격 데이터를 갖고있는 배열은 만듭니다. const priceList = [1000, 2000, 3000, 4000, 5000, 6000, 7000, 8000, 9000, 10000]; // 반복문을 활용해 상품들의 가격 합계와 평균을 구해봅시다. // 가격합계 sum을 변수선언! let sum = 0; for(const price of priceList) { sum += price } // 가격평균 avg를 변수선언! const avg = sum / priceList.length // 가격합계와 가격평균을 출력해봅니다. console.log(`가격합계: ${sum}, 가격평균:${avg}`) 해당 코드중에서 sum += price 라는 식을 알아보자 더하기 할당 (+=) 더하기 할당 .. 2023. 1. 21.
No Image 📷 [23.01.20] Math.floor(매개변수) 함수에 대해서 끄적여 보겠다. function solution(num1, num2) { let answer = 0; if (num1 % num2 == 0 ) { return answer = num1 / num2; } else { return answer = Math.floor(num1/num2); } return answer; } 오늘 제출한 코딩테스트 코드다. 우선 설명하자면, 조건 : solution 이라는 함수인자에 num1 num2 를 넣을때 출력 : answer 라는 변수를 선언하고 0을 저장; If 문으로 조건 : num1 을 num2 로 나눈 나머지가 영일때 출력 : answer 이라는 변수에 num1을 num2로 나눈값을 반환; else 조건 : 나머지 =>>.. 2023. 1. 20.
No Image 📷 [23.01.19] 증감 연산자에 대해서 다시 공부해봤다. let a = 1; let b = 1; console.log (a++) console.log (a) console.log (++b) console.log (b) 이 코드들의 결과값이 궁금한가? 우선 답부터 말하자면 차례대로 1 2 2 2다. 내가 어제 공부했던 것 중에서 이해 못 했던 부분이다. 증가 연산자 파트중에 이 파트가 있었는데 몰라서 빨간줄 쳐놨다. let counter = 0; counter++; ++counter; alert(counter); 해당 결과는 2다. 일단 후위형은 출력은 0으로 하지만 변환되는 값은 1인거다. 그러니까 출력하고 바로 +1 증가된다고 보면된다. counter++ 로 카운터를 출력했다면 0으로 출력되었겠지만 그 후에 전위형이 더.. 2023. 1. 19.
No Image 📷 [23.01.18] vscode에서 형식으로 같은 폴더 내에있는 자바스크립트 파일을 가져올 수 있다.(적용가능) 예를들어서 같은폴더내에 static 폴더 안에 js 폴더를 생성하고 거기다가 적용할 alert.js 파일을 넣어 놨다고 가정하면, 해당 코드를 입력하면 스크립트 파일을 불러올 수 있다. 2023. 1. 18.
No Image 📷 [23.01.16] 자바스크립트에서 function을 단 한번만 실행하고 싶은경우 아래 해당 코드를 사용하면 된다. Boolean 을 이용한 함수다. let is_action = false; function timer() { if (is_action === true) { return false; } is_action = true; 타이머가 function값이 들어갈 때 마다 실행되서 한참을 찾고 알아낸 코드다. is_action 을 거짓 boolean 값으로 해준뒤에, timer function에서 is_action 이 참일경우 false를 반환해준다. 그리고 is_action을 true로 변수값을 주며 마무리한다. 마지막으로 아래는 나머지 코드들이다. // 한번만 실행 되는 함수 is_action() let is_acti.. 2023. 1. 16.
No Image 📷 [23.01.15][스파르타 코딩클럽]_ 6주차_ OT주차 API에 대해서 API는 application programming interface의 약자다. 말 그대로 운영체제나 응용프로그램 사이의 통신에 사용되는 언어나 메세지 형식을 말하는거다. 지금까지 내가 배운게 기초 부분인거고 다다음주 주특기주부터는 나는 Node.js 주특기를 가질것이기때문에 JavaScript 에 대해서 배우게 될거다. 이번주에 배운 내용은 앞으로 더 많아지겠지만 방대하다. 사용하는 툴 (JavaScript) 이나 그툴을 이용하여 협업하는 툴 (Git) 그 협업하는 툴을 공유해주는 플랫폼 (GitHub) 이 삼박자가 잘 맞아야 다른사람과 같이 협업해서 새로운 프로그램을 만든다 하더라도 좋은 프로그램을 만들 수 있을것이다. 첫 항해를 시작하고 이번 주에 배운 점, 느낀 점 만만하게 보고 .. 2023. 1. 15.
No Image 📷 [23.01.14] 회원가입 로그인 페이지를 만들어 봤다. 클릭하면 서버로 이동하게끔 만들어주는 창구를 만들어주고 @app.route('/') def home(): return render_template('HomePage.html') @app.route('/joinpage') def joinpage(): return render_template('join.html') @app.route('/loginpage') def loginpage(): return render_template('login.html') 회원가입 하기 로그인 하기 onclick 버튼을 만들어 거기다가 서버로 가는 주소를 href=' ' 형식으로 할당해줬다. 2023. 1. 14.
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 📷 [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 📷 [스파르타 코딩클럽]_웹개발 종합반 5주차 마무리 그리고 OT 오늘로 웹종반 5주차는 끝이났다. 금일 부터 OT 주차가 시작되어 나와 같은 초보 코더들을 많이 만나보는 시간이었다. 오늘은 TIL/WIL 블로그 개발일지 작성해나가는 것에 있어서의 중요성을 더 자세하게 배웠다. 왜 써야하며, 어떤식으로 써 나아가야하는지, 누가 보게 될것이며, 나중에 어떤 좋은 효과를 볼 수 있는지에 대해서도 알게되었다. 제일 중요한건 꾸준함이라 한다. 물론 내가 생각하기에도 그렇다. (앞으로도 그러자) OT주차에 내가 할 계획은 여태까지 배운 것들을 최대한 반복 숙달하여 13일날에 진행 예정인 입학시험에 통과 해 보는것이다. 1/9 (월) 15:00 : OT 주차 발제 @Zoom 17:00 : TIL/WIL(회고) 특강- 강민철 튜터 **@Zoom** 1/10 (화) 16:00 : 주.. 2023. 1. 9.
No Image 📷 [스파르타 코딩클럽]_웹개발 종합반 4주차 마무리 진짜로 여태까지 배운것들의 총합체였다. HTML, CSS, Javascript, JQuery, Ajax, MongoDB, 크롤링, Flask 등등 1주차부터 현재까지 배운것들을 한꺼번에 쓰면서 유기적으로 연결시켜보는 주차였던 것 같다. 더 하고싶은 말은 없다. 뿌듯했다. 3주차까지는 4회독을 완료하고 기본기를 탄탄하게 만들면서 올라왔기 때문이었을까 하나씩 하나씩 눈에 익기 시작했다. 점점 하나하나 차근하게 풀어가면서 코드들을 해석해보는 능력도 키워봤다. 다른 코더들에게는 쉬운 코딩일지는 모르지만, 오랜만에 새로운 분야를 도전해보는 나에게 있어서는 매우 자신감을 얻는 계기가 되었던 것 같다. 이제 마지막 주차 5주차만 남겨놓고 있다. 해당 주차가 끝이나면 거의 동시에 웹개발 종합반은 끝이나고 동시에 정규 .. 2023. 1. 1.
No Image 📷 [스파르타 코딩클럽]_웹개발 종합반 3주차(1)_3주차 첫 마무리 [수업 목표] 1. 파이썬 기초 문법을 안다. 2. 원하는 페이지를 크롤링 할 수 있다. 3. pymongo를 통해 mongoDB를 제어할 수 있다. 긴말하지 않겠다. 여태까지 배웠던 함수 또는 코드들의 축제였다. 1 주차, 2 주차가 아직 완벽하지 않았던 나에게는 확실히 더딘 여정이었고, 여러번 돌려봐야 이해가 되는 내용들이었다. 3 주차가 되니 더욱 더 확연하게 느낄 수 있었다. HTML은 뼈대다. 그렇다. 뼈대가 허술하니, 쌓아올려도 금방 무너지기 마련 우선 제출한 숙제부터 보여주겠다. import requests from bs4 import BeautifulSoup headers = { 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleW.. 2022. 12. 22.
No Image 📷 [스파르타 코딩클럽]_웹개발 종합반 2주차(1)_2주차를 처음으로 완강하며... 2 주차 강의를 처음으로 완강 하며, 배운 것 과 느낀 점 [2 주차 수업 목표] Javascript 문법에 익숙해진다. jQuery로 간단한 HTML을 조작할 수 있다. Ajax로 서버 API(약속)에 데이터를 주고, 결과를 받아온다. 어제부터 시작했던 2주차 강의가 오늘 마무리가 되었다. 처음에 느꼈던 난이도는 예상과는 다르게 상당했다. 1 주차에서 배웠던 것 들이 총 집합 되어서 사용이 되는데 1 주차 내용들을 전체적으로 머릿속에 완전히 집어넣지는 못했지만 어느정도 익숙해진 것 같다고 느낄 찰나에 이번 2 주차 강의를 들으며, 머릿속이 점점 복잡해지기 시작했다. 2 주차에서 많이 사용되었던 부분은 부분이었다. 즉, 자바스크립트를 많이 사용해보는 것이다. 외부에 있는 정보들을 내 사이트에다가 적용 하.. 2022. 12. 20.
No Image 📷 [스파르타 코딩클럽]_웹개발 종합반 1주차(1)_나의 첫 개발일지 1 주차 강의를 수강 하며, 배운 것 과 느낀 점. [1 주차 수업 목표] 서버와 클라이언트의 역할에 대해 이해한다. HTML, CSS의 기초 지식을 이해한다. 부트스트랩을 가져다 쓸 줄 안다! Javascript 기초 문법을 익힌다. HTML은 뼈대 CSS 는 꾸미기 자바스크립트는 움직이는 것 사실상 HTML과 CSS는 접근하기도 쉬웠고 눈에 익숙한 것들이라 배움도 즐거웠다. 하지만, 자바스크립트는 달랐다... 이번 주 월요일부터 시작된 웹 개발 1 주차 프로그램은 오늘 처음 한 바퀴를 완주하였다. 참고로 옆에 보이는 사이트는 내가 이번 주에 배운 결과물의 집합체이다. 초반에 생각보다 접근하기 쉬울 것 같다는 생각은 자바스크립트를 마주하고 나서 산산히 깨져 버렸다. 함수며, 조건문이며 까다로운 글자들의.. 2022. 12. 14.
728x90