profile
성장 중!
post-thumbnail

JS | 빌트인 객체

MDN 빌트인 객체 공식 문서: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects

2022년 6월 21일
·
0개의 댓글
post-thumbnail

JS | 클래스 상속에서 super 의 의미

출처: https://goodmemory.tistory.com/121

2022년 6월 20일
·
0개의 댓글
post-thumbnail

JS | 요소 노드 이동 프로퍼티

DOM에서 요소 노드를 이동시킬 때 사용하는 프로퍼티들을 정리해보았다.

2022년 5월 24일
·
0개의 댓글
post-thumbnail

JS | JSON의 정의와 메소드

JSON 이란? JSON 은 JavaScript Object Notation 의 줄임말로, 데이터를 저장하거나 전송할 때 사용하는 경량의 텍스트 기반의 데이터 표현식이다. 주로 서버와 클라이언트 간의 교류에서 많이 사용된다. JSON 표현식은 사람과 기계 모두 이해하

2022년 5월 20일
·
0개의 댓글
post-thumbnail

JS | append() 와 appendChild()

append() 와 appendChild() 는 모두 부모 노드에 자식 노드를 추가하는 메서드이다. 기능이나 확장성 면에서 append() 가 뛰어나기 때문에 append()를 사용하는 것이 좋다.두 메서드는 다음과 같은 차이가 있다. append() 를 활용하면 No

2022년 5월 18일
·
0개의 댓글
post-thumbnail

JS | className 과 classList

요소에 스타일을 적용하는 방법은 두 가지가 있다. 첫 번째는 CSS에 클래스를 만들고, HTML 요소에 클래스를 추가하는 것이다. 그 예는 다음과 같다. 두 번째는 프로퍼티를 style에 바로 써주는 것이다. 두 방법 중 하나를 선택해야 한다면 style보다 CSS 클

2022년 5월 16일
·
0개의 댓글
post-thumbnail

Deep Dive 개념과 원리 이해의 중요성

프로그래머의 역할은 요구사항을 기반으로 문제를 해결하기 위한 방안을 고안하고 이를 코드로 구현하는 것이다. 안정적이고 효율적인 코드를 작성하기 위해서는 자신이 작성하는 코드의 동작을 예측할 수 있어야 한다. 그 바탕에는 기본 개념과 동작 원리에 대한 이해가 있다. 기본

2022년 4월 25일
·
0개의 댓글
post-thumbnail

위코드 2차 프로젝트

종합 콘텐츠 플랫폼인 리디북스의 웹 사이트를 참조하여 온라인으로 도서를 판매하는 ‘README’ 커머스 사이트를 제작하였다.

2022년 3월 26일
·
0개의 댓글
post-thumbnail

JavaScript | 구조분해할당

: 구조분해할당을 이용해서 순서대로 선언된 변수에 할당만약 아래처럼c 에 해당하는 값이 없으면 이럴 때 미리 기본 값을 선언해놓으면 undefined 가 뜨지 않고 기본 값 5를 유지할 수 있다. 배열 구조 분해와 크게 다르지 않다. 한 가지 다른 점은 순서를 신경쓰지

2022년 3월 24일
·
0개의 댓글
post-thumbnail

Git | 기초 사용법

먼저 로컬 저장소로 사용할 폴더를 생성하여 해당 폴더로 이동한다. 해당 폴더로 이동 후 git init 명령어를 실행하면 새로운 저장소가 생성된다. git status 명령어를 이용해 현재 저장소 내의 파일들의 상태를 확인해볼 수 있다. Git 의 Repository

2022년 3월 24일
·
0개의 댓글
post-thumbnail

React | img 추가하는 방법

testA.jpg 라는 이미지를 추가해야 하는 경우 먼저 import 를 사용하여 이미지를 담은 변수를 선언한다. 변수로 저장한 imgA 를 jsx에서 아래와 같은 코드로 불러오게 된다.Require() 를 사용하면 import 를 하지 않아도 된다는 장점이 있다.

2022년 3월 24일
·
0개의 댓글
post-thumbnail

알고리즘 코드카타 Day 1

twoSum함수에 숫자배열과 '특정 수'를 인자로 넘기면, 더해서 '특정 수'가 나오는 index를 배열에 담아 return해 주세요.nums: 숫자 배열target: 두 수를 더해서 나올 수 있는 합계return: 두 수의 index를 가진 숫자 배열

2022년 2월 20일
·
0개의 댓글
post-thumbnail

알고리즘 코드카타 Day 4

숫자인 num을 인자로 넘겨주면, 뒤집은 모양이 num과 똑같은지 여부를 반환해주세요.

2022년 2월 20일
·
0개의 댓글
post-thumbnail

JavaScript | Switch문

JavaScript 의 Switch 문은 특정 변수를 다양한 상황에서 비교할 수 있게 해준다. 코드 자체가 비교 상황을 가독성있게 잘 설명한다는 장점도 있다. 변수 x 의 값과 첫 번째 case 문의 값 'value1' 이 일치한 지 비교한 후, 두 번째 case 문의

2022년 2월 6일
·
0개의 댓글

웹 서비스의 역사와 발전

인터넷이란 '컴퓨터들이 서로 통신 가능한 거대한 네트워크이다'. 웹은 인터넷 네트워크를 통하여 통신되는 정보의 집합이다. 웹은 인터넷이 발명된 지 30년 뒤인 1990년에 등장하였고 이 때부터 본격적으로 인터넷 통신이 대중적으로 사용되기 시작한다. 인터넷과 웹의 등장

2022년 2월 6일
·
0개의 댓글
post-thumbnail

JavaScript | if 조건문

자바스크립트의 if 조건문은 if (조건식) 영역의 내용이 True 이면 {} 코드 블록 사이의 실행문을 1회 실행한다. if (조건식) 영역의 내용이 False 이면 if 문을 탈출한다. 조건식 a가 참이면 실행문 a가 동작하고, 조건식 a가 거짓이고 조건식 b가 참

2022년 2월 6일
·
0개의 댓글
post-thumbnail

CSS | 결합자

하위 선택자는 특정 요소의 하위에 있는 모든 요소를 선택한다. 상위 요소와 하위 요소는 공백으로 구분한다. 이 때 상위 요소와 하위 요소 사이에 다른 요소가 더 있어도 선택이 된다.=> 아이디 값이 content 인 태그의 후손 요소에 해당하는 태그들 중에서 p 태그의

2022년 1월 30일
·
0개의 댓글
post-thumbnail

CSS | 선택자

CSS 선택자는 CSS 규칙을 적용할 요소를 정의한다. 1\. 전체 선택자주로 모든 하위 요소에 한꺼번에 스타일을 적용할 때 사용한다. 전체 선택자를 나타내는 기호는 \* 이다.2\. 태그 선택자태그 선택자는 특정 태그가 쓰인 모든 요소에 스타일을 정의한다. 3\. 클

2022년 1월 30일
·
0개의 댓글
post-thumbnail

HTML | Semantic Web 과 Semantic Tags

1. Semantic Web 1.1 Semantic Web 이란 무엇인가 Semantic Web 은 사전으로는 '의미론적인 웹'이라는 뜻으로, 컴퓨터가 사람을 대신해 스스로 웹 속 정보의 의미를 파악하고 처리, 추론 할 수 있도록 제작된 Web을 뜻한다. 또한 Sema

2022년 1월 26일
·
0개의 댓글