데이터 LAB

니코 강의를 보니까 주로 점표기법을 통해 객체 참조를 한걸 바로 사용하는게 아니라,새로운 변수를 선언하고 그 변수에다가 객체 참조를 할당해서 사용하네! 아하 이렇게 하는거구나예를 들어const username = loginInput.value;이런 식으로. html form 태그 내부의 input의 기능 중required, maxlength, type, placeholder 등이 있다. 이건 브라우저 자체의 기능. oh yeah form 안에서 enter 을 누르고, input 이 더 존재하지 않는다면 자동으로 submit 된다는 규칙이 있다. 코코아톡 클론 강의도 들어야해?ㅜㅜ form 형태에다가 addEventListener 을 추가하면, submit 행위도 모니터링할 수 있구나? 버튼 형태면 cli..

아산두어스 2기 팀 결성의 뜨거운 열정이 아직 가시지 않은 수요일입니다. 저희 팀의 진행사항을 아래와 같은 순서로 공유해보려고합니다. 아산두어스 2기 12팀 주간회고 1주차, 지금부터 시작하겠습니다.1. 팀 결성2. 문제인식, 솔루션 구상3. 시장 분석, 인터뷰4. 비즈니스 모델5. 검증활동6. 멘토링과 그에 따른 마일스톤1. 팀 결성 (Team Up)우리 12팀은, 디지털 디톡스에 대한 구심점으로 모였습니다. 디지털 디톡스에 대한 필요를 느끼는 사람이 누굴까, 그리고 필요를 느끼는 이유는 무얼까에 대해 생각해보며 ADHD, 우울증, 외 다양한 mental disorder의 이슈에 주목했습니다.우리 팀원들은 다 나름의 이유로 이 문제에 몰입했습니다. 아이디어를 제안한 팀원은 전반적으로 depression..

https://joshua1988.github.io/web-development/javascript/javascript-asynchronous-operation/ 자바스크립트 비동기 처리와 콜백 함수(중급) 중급 자바스크립트 개발자가 되기 위한 자바스크립트 비동기 처리와 콜백 함수 이해하기. 콜백 지옥과 해결 방법 등joshua1988.github.ioajax 를 사용할 때, url에서 정보를 받아오고, 변수에 정보를 할당한 후에 console.log로 찍으려고 하는데 undefined가 뜬다. 이거 왜이럴까? 두 함수가 동시에 실행되었기 때문이다. console.log 함수는 ajax가 실행된 후에 실행되어야할 필요가 있다. 이렇게 특정 로직의 실행이 끝날 때까지 기다려주지 않고 나머지 코드를 먼저 실..

documentconsole에 document를 입력하면, 작성한 html을 전부 보여준다document는 browser에 이미 존재하는, html을 가리키는 객체다.console.dir(document)예를들어, 콘솔에다가 document.title 을 치면, 내가 title 태그에 넣은 내용을 밸류로 뱉는다. 오~반대로, document.title = "내가 바꿨지롱" 하면 title태그를 Js로 바꿀 수도 있다는거다. WOW const title = document.getElementId("title");console.dir(title);니콜라스의 바닐라 JS로 크롬 앱 만들기 3.0강부터 다시 정리하면서 보자.3.0-3.2강까지는 정리가 빠짐.id나 class에 대한 선택자가 아닌 querySel..

let으로 선언한 후에는, let 을 안쓰고 그냥 수정할 수 있다. let myName = "andrew";myName ="peter" 하면 수정된다. 업데이트 = 구버전은 사용하지 않고 새것만 쓰는것.패치 = 조금 고치는 것. var은 예전 것이고, 호이스팅이 발생하기 때문에 변수를 선언하기 전에 사용해도 오류로 알려주지 못한다.booleantrue / false 로 나타내는 자료형이다.사용자가 로그인 했는가? 같은 상황에 사용하게 된다. null아무것도 없음으로 채웠다는 것 을 뜻한다. undefined선언만하고 정의하지 않은 것을 뜻한다.배열 arrayconst daysOfWeek=["월","화","수","목","금","토"];console.log(daysOfWeek[0]);// 월 daysOfWe..

구조 분해 할당이란, 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 Js 표현식이다.  const array = [1,2,3,4,5]const [a] = array;console.log(a) // 1// 일부 요소만 가져오기const [x, y, ...rest] = [1, 2, 3, 4, 5];console.log(x); // 1console.log(y); // 2console.log(rest); // [3, 4, 5]// 기본값 설정const [p = 10, q = 20] = [1];console.log(p); // 1console.log(q); // 20// 변수 교환let m = 1, n = 2;[m, n] = [n, m];console.log(m);..

Object.entries() 에다가 배열내장 메소드인 reduce를 사용하는 방법const a = {a:'123', b:'456'};const b = Object.entries(a).reduce((acc, [key, value])=>{ acc[key]=value; return acc }, {});// 이걸 구조분해 할당을 사용하지 않았다면const origB = Object.entries(a).reduce((acc, curr)=>{ const key = curr[0];const value =curr[1];acc[key]=value;return acc;});//이걸 화살표 함수를 안쓴다면?const realOrigB = Object.entries(a).reduce( function(acc,curr){co..

((name)=>{ console.log(`hello`); })('이종우'); let은 자꾸 바껴서 자료형도 바뀔 수 있다. 유지보수 면에서 너무 위험하대. const는 원시타입일경우 바꿀수 없다.하지만 바꿀수있는 법은const testObj = {a: 1};//이건 안댐 (참조 타입)testObj= {b: 1};// 이건 댐 (참조 타입)testObj.a = 2; Object.keysObject.entriesObject.valuesconst b = {...a};스프레드 다른참조 같은 값. 참조를 복사하지 않고 값만 복사할 수 있다.const reduce = Object.entries(a);Object.keys(a);Object.values(a);//[ ['a', '123'] , ['b', '456'] ..

상수상수는 변하지않는 변수. const로 선언변수변수는 let으로 선언(var은 선언이 최상단으로 올라오는 호이스팅과 함수 스코프의 모호함 때문에 요즈음은 대부분 let 쓴다.원시타입(primitive types)-단일 값을 저장한다.(stack에 독립적으로)-숫자, 문자열, 불리언, undefined, null-값이 저장, 복사가 된다참조타입(reference types)-메모리 주소를 참조해 값에 접근한다(heap에 실제값 저장, 스택에 메모리주소값 저장-객체(object), array, function단일값 저장과 메모리 참조 방식의 차이는, 복사한 값이 원본의 변경에 영향을 받냐 안받냐, 변경할수있느냐 없느냐이다원시값은 접근 복사가 빠르지만 크기가 제한돼있고, 참조값은 접근복사가 느리지만 크기가 ..

startTime = input ("")timeCost = input("")startH, startM = map(int,startTime.split())timeCost =int(timeCost)if timeCost >= 60: timeCostHour = timeCost//60 timeCostMin = timeCost%60else: timeCostHour=0 timeCostMin = timeCosthour = startH+timeCostHourmin = startM+timeCostMinif min>=60: hour = startH+timeCostHour+1 min = startM+timeCostMin-60if hour>=24: hour = hour-24print(hou..