# js

539개의 포스트
post-thumbnail

JS - alert, prompt, confirm을 이용한 상호작용

이 함수가 실행되면 사용자가 '확인(OK)' 버튼을 누를 때까지 메시지를 보여주는 창이 계속 떠있게 된다.메시지가 있는 작은 창은 모달 창(modal window)라고 부른다. '모달' 이란 단어엔 페이지의 나머지 부분과 상호작용이 불가능 하다는 의미가 내포되어있다.

33분 전
·
0개의 댓글
post-thumbnail

JS - 자료형

js 에서 값은 항상 문자열이나 숫자형과 같은 특정한 자료형에 속한다.js의 변수는 자료형에 관계없이 모든 데이터일 수 있다. 따라서 변수는 어떤 순간에 문자열일 수 있고 다른 순간엔 숫자가 될 수도 있다.이 처럼 자료의 타입은 있지만 변수에 저장되는 값의 타입은 언제

약 1시간 전
·
0개의 댓글
post-thumbnail

JS - 변수와 상수

변수(Variable)는 데이터를 저장할 때 쓰이는 '이름이 붙은 저장소'js 는 let 키워드를 사용해 변수를 생성.'message'라는 이름을 가진 변수를 생성(선언)함. 할당연산자 = 를 사용해 변수 안에 데이터저장문자열이 변수와 연결된 메모리 영역에 저장되었기

약 2시간 전
·
0개의 댓글
post-thumbnail

JS - Hello, world!

자바 스크립트 코드의 양이 많은 경우, 파일로 소분하여 저장 가능분해해 놓은 가 파일은 src속성을 이용해 html에 삽입.줄 바꿈이 있다면 세미콜론 생략 가능대부분의 경우, js는 줄바꿈이 있으면 암시적 세미콜론으로 해석 (automatic semicolon inse

약 2시간 전
·
0개의 댓글

Javascript - 10. DOM/BOM

HTML 문서를 객체로 표현한 것브라우저 객체 모델: 웹 브라우저가 가지고 있는 모든 객체를 의미최상위 객체: windownavigator, location, history, screen, documnet, framesopen(): 새창var window = windo

약 3시간 전
·
0개의 댓글
post-thumbnail

JS - 기본

웹 페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어. js로 작성한 프로그램을 script라고 칭함. script는 웹페이지의 html 안에 작성할 수 있는데, 웹 페이지를 불러올때 스크립트가 자동으로 실행된다.js는 브라우저 뿐만아니라 서버에서도 실행할수있다

약 24시간 전
·
0개의 댓글
post-thumbnail

TIL26+wecode6. object 문제들

다양한 유형의 객체 문제를 접해보자. 객체 이용해서 총 판매량, 리뷰개수, 좋아요수 구하기 인자로 받은 데이터를 조합해서, 구조를 바꿔서 리턴하자. objData가 갖고 있는 property는 다음의 3개이다. sumAmount: 총 판매량 sumReview: 총 리

2일 전
·
0개의 댓글

Javascript - 8. Basic

200921 자바스크립트

2일 전
·
0개의 댓글
post-thumbnail

TIL25+wecode5.class

js에 class나 object가 없다면, 규모있는 프로젝트를 만들기 굉장히 힘들다. 'class'에 대해 알아보고, object와의 차이를 정리해보자.클래스는 객체지향 프로그래밍의 핵심이다. 청사진, 또는 template라고 불리기도 한다.연관있는 데이터들이 종합적으

2일 전
·
0개의 댓글
post-thumbnail

TIL24 + wecode4. Slice( )

다양한 문제를 통해서 js에 익숙져보자. slice함수 사용해서 원하는 주소 자르기 주어진 주소가 어느 도시인지를 찾아내서, 해당 주소에서 도시 부분만 삭제한 새로운 주소를 리턴해보자.("도"와 "시"는 주소에 한번 밖에 포함되어 있지 않는다.) 아이디어

2일 전
·
0개의 댓글

HTML_11. JS_Array객체

JS _ Array 객체

2일 전
·
0개의 댓글

Spread Operator

출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Spread_syntaxhttps://jeong-pro.tistory.com/117

3일 전
·
0개의 댓글

Literal

출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals

3일 전
·
0개의 댓글

Optional Channing

null 이거나 undefined인지 체크해준다.await과 비슷하다출처 : https://velog.io/@krlrhkstk/%EC%98%B5%EC%85%94%EB%84%90-%EC%B2%B4%EC%9D%B4%EB%8B%9D%EA%B3%BC-await%EC%

3일 전
·
0개의 댓글

[1차 프로젝트] 코드 리뷰 받은 후, 수정한 코드 1

1. 이름은 간결하게 2. 불필요한 인자 제거 if 내 소괄호 좌우 공백 제거 if문 조건식 간단하게 만들기 !이나 !!을 붙여 해당 값이 boolean 이라는 사실을 명시할 수 있다. if 문 이후의 실행 문장이 한줄일 경우에 한하여 한줄로 써줄 수도 있다.

4일 전
·
0개의 댓글

탭브라우징

탭브라우징은 웹접근성에 맞게 어떻게 제작할까..??

4일 전
·
0개의 댓글

JS30 Day03

sass자바스크립트를 이용해서 CSS를 변경한다.sass을 사용한다 -> CSS 변수input으로 통해 선택된 value값을 px가 붙은 값으로 CSS스타일을 지정해주어야 하므로 suffix를 추가해주어야한다.RGB값은 px가 필요없으므로 data-sizing을 지정해

5일 전
·
0개의 댓글

JS30 Day02

시, 분, 초를 갖는 시계를 만들 것JS와 CSS만으로!transform, rotate degreetransform-origin ->transition 속성transition-timing-functionsetInterval현재시간을 반환할 Date 객체의 메소드들CSS

5일 전
·
0개의 댓글