오늘은 조건문, 반복문, 수학객체, DOM에 대해 배웠다.강의는 기본개념 중심이었는데 스프린트에서 사알짝 멘붕이 와버렸따,, 벌써 멘붕이 오면 안되는데에ㅔㅔㅔ양도 갑자기 많아지고 난이도가 좀 올라간 듯 했지만 페어님도 도와주시고 구글링도 열심히 한 결과 다 풀긴 했으나
자바스크립트로 작성한 프로그램은 많은 명령을 순서대로 하나씩 처리한다. 이때 프로그래머가 처리해야 할 과제에 따라 기능별로 여러 명령을 묶어 놓은 것을 '함수'라고 한다.1\. 함수 선언 위치는 프로그램 흐름에 영향을 주지 않는다!!2\. ES6에서는 매개변수가 있는
오늘은 자바스크립트 첫 수업을 했따.변수/상수의 개념, 배열, 객체에 대해 복기해보쟈.시작은 미약하나 그 끝은 창대하리라,,☆자바스크립트는 HTML, CSS와 함께 웹을 구성하는 요소 중 하나로, 웹 브라우저에서 동작하는 유일한 프로그래밍 언어다.변수와 상수는 데이터를
웹 서비스에서의 통신이란 데이터 요청과 응답을 의미하는데, 백엔드 컴퓨터에 데이터의 생성/조회/수정/삭제 등을 요청했을 때 각각의 요청마다 담당하는 담당자를 API라고 부른다! API는 데이터의 처리를 요청하는 하나의 기능, 함수라고 생각하면 된다. API는 백엔드 개
Today I learned!DOM, 스코프문서 객체 모델(DOM, Document Object Model)은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스다.이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다.이러한
오늘은 어제보다 머리가 더 터질 것 같지만,, ㅎㅎ TIL은 꼭 써야해,,!Today I learned!반복문, for-of문, for-in문, setInterval, localStorage또 오늘 D-Day Counter를 짜면서 Object.keys메서드도 배웠는데
오늘은 짧은 시간 동안 비교적 많은 걸 머릿속에 넣어야 해서 머리가 초큼 아팠다,,ㅎㅎlocalhost, 원시 타입, 참조 타입 등을 배우면서 디데이 카운터를 만들어 보고 있는데, 오늘 배웠던 것들 중 원시 타입과 참조 타입의 개념이 좀 헷갈려서 보충공부를 했다. 자바
오늘은 JS 수업 첫 날!변수, 배열, 객체에 대해서 배웠다. 프리캠프 때 가볍게 배웠던 부분들을 개념부터 자세히 배울 수 있어서 좋았다,,!변수와 상수는 각각 사용되는 키워드가 있는데, 그 키워드의 특징에 따라 변수명 중복 사용 여부와 데이터 수정 여부가 결정된다.변
벌써 프리캠프 수강이 끝났다..!!시간이 너무 빨리 지나가는 느낌,,ㅜ오늘은 싸이월드를 마무리 하고, 프리캠프 동안 배웠던 자바스크립트를 총동원해서 회원가입 폼을 만들었다. 오늘은! 하루 동안 과제를 하면서 참고했던 부분들을 복습해 보겠당.주어진 문자열에서 각 단어가
벌써 베이스캠프 4일차가 지났다!!오늘은 함수 작성 방법, 그리고 내장함수에 대해 배웠다.그리고 싸이월드에서 끝말잇기 게임을 구현하였다.다시 한번 차분히 정리해보쟈!함수 선언식은 함수 이름을 생략할 수 없다. 함수 표현식은 함수 이름을 생략할 수 있다. 이러한 함수를
Today I learned!geolocation, API, 동기와 비동기, promise객체, then(), catch(), 구조분해할당, spread 연산자, 깊은 복사, 얕은 복사, rest 파라미터양이 많은 만큼 복습은 필수인 듯 하다.다시 한번 정리해보자!g
동기/비동기 게시글을 등록 수 게시글을 불러왔을 때 게시글이 불러와지지 않는 경우가 있다. 이러한 문제는 게시글 등록 요청 후 백엔드 컴퓨터에 요청을 전송하고 데이터가 처리된 후 게시글 불러오기 과정이 실행되어야 하는데 데이터 처리 이전에 게시글 불러오기 과정이 실행되
구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이다. (\* mdn docs)배열 혹은 객체에서 각각 값(value)이나 프로퍼티(property)를 분해하여 별도의 변수에 담을 수 있게 해주는
optional-chaning은 다른 조건부 렌더링 연산자를 더욱 간결하게 만들어서 사용하기 위해 탄생하게 된다. 제일 처음에는 삼항 연산자를 사용했다. data는 동기적으로 받아와야 하는 데이터라 받아오는데는 시간이 걸린다.하지만, 받아올때까지 기다려주지 않고 다음
map 메서드는 자신을 호출한 배열의 모든 요소를 순회하면서 인수로 전달받은 콜백함수를 반복 호출한다. 그리고 콜백함수의 반환값들로 구성된 새로운 배열을 반환한다. 이 때 원본 배열은 변경되지 않는다!배열을 순회하며 요소마다 callback 함수 적용 후 새로운 배열로
이벤트 버블링(bubbling)이란 상위부모로 이벤트가 전파되는 것이다!다시 말해 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작한다. 가장 최상단의 부모 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당
Callback 함수를 실행할 때 함수에 인자를 넣어준다. 함수의 인자에는 함수도 넘길 수 있는데, 그 함수를 Callback 함수라고 한다. promise와 async-await가 나오기 전까지는 콜백함수를 썼다! 콜백지옥! Promise async-await
object와 흡사한 개념으로 set, get을 이용해야 요소를 참조할 수 있다. 사용은 간단하며, get 사용시 요소가 없다면 false가 반환된다. Js에서는 for(int i=0; i<arrary.length; i++)을 이와같이 간단하게 작성할 수 있다.
1\. screenX, screenY사용자 모니터 화면을 기준으로 한 좌표를 표시한다.사용자 모니터의 왼쪽 상단 모서리가 (0, 0)이 된다.2\. pageX, pageY전체 문서를 기준으로 한 좌표를 표시한다.만약 문서를 표현할 때 스크롤이 생긴다면, 특정 지점의 p
여기서 (mentor) => 뒷 부분을 { } 로 묶어주면 왜 오류가 날까?() => {} 이런식으로 묶어서 사용하는 곳이 있고 아닌 곳이 있던데 왜 그런지 잘 모르겠다!화살표 함수가 어떤 것을 바로 리턴하게 되면 블락없이 짧게 () => X 이렇게 표현할 수도 있다.
단위 표시를 더 간단하게!
백준 JavaScript 입력 받는 방법
자바스크립트에서 2차원 배열을 선언해보자!
수열과 구간 쿼리 3
수 조작하기 1
수열과 구간 쿼리 2
어려웠던 주사위 게임,,
접미사 배열
매직 넘버..? 마법 숫자..?
이진수 더하기