post-thumbnail

<JavaScript> Object 객체(3)

🐥자바스크립트 기초 문제 풀이학습 목표객체의 key와 value에 접근하고 가공할 수 있다. 메소드를 이용해 객체 안의 프로퍼티들을 순회할 수 있다.객체의 순회객체 속 내용물도 배열처럼 처음부터 끝까지 순회할 수 있다! 다만 배열과 다르게, 순회할 때 정해진 순서는

2021년 10월 7일
·
0개의 댓글
·
post-thumbnail

<JavaScript> Array Methods배열 메소드 map, forEach

🐥자바스크립트 기초 문제 풀이 학습 목표 배열 데이터타입에서 자주 사용되는 map, forEach메소드를 익힌다. map 메소드는 배열을 반복해주는 메소드이다. 배열의 인덱스를 순서대로 쭉 한바퀴 돌아서 각각의 요소에게 실행문을 적용시킨다. 그렇게 수정된 값으로

2021년 9월 30일
·
0개의 댓글
·
post-thumbnail

<JavaScript> template literals, string method

🐥자바스크립트 기초학습 목표dollar sign($)과 back tick(\`\`)으로 문자열 내에 변수를 넣을 수 있다. 다양한 메소드를 이용해서 외부에서 받아온 데이터를 가공하고 그것을 객체 속에 저장할 수 있다. template literal은 JavaScrip

2021년 9월 30일
·
0개의 댓글
·
post-thumbnail

<JavaScript> Arrow Function 화살표 함수

🐥자바스크립트 기초 문제 풀이 학습 목표 Arrow Function(화살표 함수)의 형태를 익히고 함수를 더 간략히 작성하는 방법에 대해 알아본다. JavaScript는 매번 새로운 버전이 업데이트되는데, 자바스크립트 뒤에 버전명을 붙일때 우리는 ES라는 약어를

2021년 9월 29일
·
0개의 댓글
·
post-thumbnail

<JavaScript> Object 객체(2)

🐥자바스크립트 기초 문제 풀이객체에서 이미 존재하는 key에 값을 다시 한 번 할당하면 변경되고,이전에 없던 key로 접근하면 새로운 프로퍼티가 추가 된다.⬇️다양한 방법으로 key에 접근하고 값을 재할당, 추가하는 모습⬇️중첩된 객체 (Nested Object)다음

2021년 9월 28일
·
0개의 댓글
·
post-thumbnail

<JavaScript> Scope 스코프

🐥자바스크립트 기초 문제 풀이 자바스크립트 스코프란 변수가 쓰이는 범위를 의미한다. 어떤 변수는 여기저기서 쓸 수 있는 반면에, 어떤 변수는 특정 함수 내에서만 쓸 수 있었다. 이 개념이 Scope이다. Local variable 로컬 변수 중괄호의 내부에서 변수

2021년 9월 28일
·
0개의 댓글
·
post-thumbnail

<JavaScript> Object 객체

🐥자바스크립트 기초 문제 풀이학습 목표객체의 기본적인 구조를 이해하고 원하는 객체에 접근해 조작할 수 있다.객체의 기본 형태는 아래와 같다. 객체는 중괄호로 감싸져 있고,콜론으로 구분된 이름 / 값이라는 프로퍼티세트를 가지고있다. 그리고 그 각각의 프로퍼티세트들이 쉼

2021년 9월 28일
·
0개의 댓글
·
post-thumbnail

[JavaScript] Array(배열) 조작하기

🐥자바스크립트 기초 문제 풀이 학습 목표: push, pop, unshift 메소드 그리고 index값을 이용해 배열을 조작할 수 있다. Assignment divideArrayInHalf 함수를 다음과 같이 구현해주세요. divideArrayInHalf 함수는

2021년 9월 28일
·
0개의 댓글
·
post-thumbnail

<HTML> CSS float 속성

float은 원래 ‘뜨다’ 라는 의미이며, css에서는 웹페이지에서 레이아웃의 흐름과 별개로 컨텐츠의 위치를 지정하는데에 사용되는 속성이다. 예를 들어 이미지가 화면의 오른쪽에 부유하도록 설정 하고싶을때는 float: right 값을 사용하면 된다.float속성은 다음

2021년 7월 12일
·
0개의 댓글
·

< HTML> inline, inline-block, block

HTML 태그 요소에는 inline, inline-block 그리고 block이 있다.HTML 최신 버전인 HTML5 이전에는 inline(인라인) 요소와 block(블록) 요소 이렇게 두 가지로 구분 되어왔다.inline인라인 요소는 딱 콘텐츠만큼의 공간만 차지하는

2021년 7월 10일
·
0개의 댓글
·
post-thumbnail

<HTML> CSS position 속성

position CSS 속성 중 하나인 position은 요소를 화면의 특정한 위치에 배치할 때 사용한다. 배치하는 방법에 따라서 relative, absolute, fixed 등의 값을 이용할 수 있다. relative relative는 자기 자신을 기준으로 요소

2021년 7월 10일
·
0개의 댓글
·
post-thumbnail

개발자도구 DevTools

개발자도구란 프론트엔드 개발을 하는데에 있어 도움이 될 만한 기능을 갖춘 도구를 말한다. 각각의 브라우저마다 조금씩 다른 형태로 제공이 되고있으며 다른 프로그램은 따로 필요하지않다! 크롬을 기준으로 개발자도구를 부르려면 커맨드옵션i 또는 사이트 페이지에서 우클릭-검사

2021년 7월 10일
·
0개의 댓글
·
post-thumbnail

<HTML>'시멘틱 웹' 그리고 '시멘틱 태그' Semantic Web and Semantic Tag(feat. 이미지 삽입)

시멘틱 웹이란 데이터에 의미(Semantic)가 부여된 월드와이드웹(WWW), 한마디로 '의미론적인 웹'이라는 뜻이다.컴퓨터로 하여금 웹 페이지들의 코드들을 그저 짜여진 것으로 여기는것이아니라 어떠한 의미를 가진 페이지라는것을 알 수 있게 하는것이다. 그렇게 컴퓨터가

2021년 7월 6일
·
0개의 댓글
·
post-thumbnail

<JavaScript> 자바스크립트 글자 타이핑 효과

HTML과 CSS로 만든 나의 자기소개 웹페이지에JavaScript를 이용해글자가 타이핑되는 효과를 넣어보려고한다.출처 - https&#x3A;//dev.to/dhintz89/typewriter-effect-3jj위 gif이미지의 내용과 같은 타이핑효과로 내 자기소개

2021년 6월 27일
·
1개의 댓글
·
post-thumbnail

웹 WEB

1960년 인터넷의 등장 후 30년이 지난 1990년, 웹이 등장했다 인터넷은 여러개의 통신망을 하나로 연결한다는 의미의 인터 네트워크(inter-network)라는 말에서 시작된 단어이다. 인터넷은 수 많은 통신장치들이 연결되어 통신을 주고 받는 네트워크를 의미하고

2021년 6월 24일
·
0개의 댓글
·
post-thumbnail

<JavaScript>자바스크립트와의 조우

html과 css라는 거대한 풍파를 맞은 지 한 달도 채 되지 않은 지금 또 새로운 녀석을 맞딱뜨리게되었다 이름하야 > #### JavaScript(자바스크립트) 이름부터 복잡하게생겼다. 보스몹 이름같기도하고.. 자바스크립트는 html에 삽입, 사용자와 상호작용해

2021년 6월 19일
·
1개의 댓글
·
post-thumbnail

HTML 그리고 CSS (feat.마크다운 작성법)

html 은 사이에 들어가야함 input type은 여러가지 종류가 있삼 텍스트 적을 수 있슴 비번 적을 수 있슴 선택 가능한 동그라미! 체크했다 풀었다 가능한 네모! 말그대로 버튼! 버튼에 이름 쓰고싶으면 "button"옆에 valu

2021년 6월 11일
·
0개의 댓글
·