profile
그럴싸한건 다 따라해보는 프론트엔드 개발자 준비중인 5년차 퍼블리셔

Arrow function과 function

아래 두 가지 상황에서 함수를 써야 한다여러 가지 기능을 하는 코드를 한 단어로 묶고 싶을 때(그리고 나중에 재사용할 때)입출력 기능을 만들 때arrow function을 사용하는 데에는 몇 가지 이유가 있는데 1\. 첫번째로 함수 본연의 입출력 기능을 아주 직관적으로

약 17시간 전
·
0개의 댓글
·

this를 함수와 Object에서 사용하면

아무데서나 일반(전역)함수로 this를 호출하면 window를 가지고 옴Q. window가 무엇인가요?A. window는 모든 전역변수, 함수, DOM을 보고나하고 관리하는 전역 객체입니다그러나 strict mode일 때 함수 안에서 쓰면 this는 undefined가

2023년 8월 27일
·
0개의 댓글
·
post-thumbnail

[git] 파일 또는 폴더 이동하기(git mv)

git을 사용해서 이것저것 테스트하던 와중에,폴더명을 바꾸고 새로 생성할 일이 있었다아무 생각 없이 직접 폴더를 옮겼다가 에러가 잔뜩 떠서 뭐가 문제지 했는데파일의 이름을 변경하거나디렉토리 구조를 바꿔야하는 경우가 발생할 때에는이럴 땐 직접 이동시키지 않고 git mv

2023년 7월 18일
·
1개의 댓글
·
post-thumbnail

[git] 다양한 merge 방법

참조 애플코딩: (무료) 매우쉽게 알려주는 git & github브랜치에 각각 신규 commit이 1회 이상 있는 경우, merge 명령을 내리면 두 브랜치의 코드를 합쳐서 새로운 commit을 자동으로 생성해주는 것이것이 merge의 기본 동작방식commit2 시점에

2023년 7월 18일
·
1개의 댓글
·
post-thumbnail

[JavaScript] navigator

navigator 객체는 브라우저 관련된 정보를 컨트롤 한다. 브라우저에 대한 버전, 정보, 종류 등 관련된 정보를 제공한다.navigator.appCodeName : 브라우저의 코드명을 반환navigator.appName : 브라우저의 이름을 반환navigator.a

2023년 6월 19일
·
0개의 댓글
·

[JavaScript] window객체

.innerWidth : 브라우저의 안쪽 넓이의 값.innerHeight : 브라우저 안쪽의 높이값 반환.outerWidth : 브라우저의 프레임을 포함한 넓이값 반환.outerHeight : 브라우저의 프레임을 포함한 높이값 반환.scrollY : 현재 스크롤된 브라

2023년 6월 16일
·
0개의 댓글
·
post-thumbnail

[JavaScript] window.getComputedStyle()

window.getComputedStyle() 메소드는 인자별로 전달받은 요소의 모든 CSS 속성값을 담은 객체를 회신한다.개별 CSS 속성값은 객체를 통해 제공되는 API 또는 CSS 속성 이름을 사용해서 간단히 색인화하여 액세스 할 수 있다.element속성값을 얻

2023년 6월 15일
·
0개의 댓글
·
post-thumbnail

[JavaScript] function(e)에 대하여

JavaScript로 event를 받으면 function(e)와 같이 받았었는데 왜 꼭 e가 들어가는 것인지 의문이었다.addEventListener에서 function(e)가 쓰여져있는 위치에는 이벤트 핸들러가 주어져야 한다. 이벤트가 발생했을 때 실행되는 함수가 놓

2023년 6월 15일
·
0개의 댓글
·
post-thumbnail

[JavaScript] 비구조화할당/구조분해할당

비구조화할당이란, 배열이나 객체 속성을 해제하여 개별 변수에 값을 담을 수 있는 javascript 표현식을 말한다. 비구조화할당 또는 구조 분해 할당이라고 한다.: 비구조화 할당의 기본 구조는 좌측에는 변수, 우측에는 해당 변수에 넣어지는 값을 표현한다.배열의 경우에

2023년 6월 13일
·
0개의 댓글
·

[JavaScript] Array 내장함수1

toString() : 배열을 문자로 변환join() : 구분자를 활용해 문자열로 이어붙이기pop() : 배열의 마지막요소 제거 (리턴 값으로 잘라낸 요소 반환)push() : 배열의 끝부분에 새로운 요소 추가 (리턴 값으로 배열의 길이 반환)shift() : 배열의

2023년 6월 12일
·
0개의 댓글
·

[JavaScript] 문자열 내장함수

문자열.length: 문자열의 길이를 반환문자열.indexOf(): 찾고자 하는 문자열의 위치 반환문자열.slice(): 문자열에서 특정 부분을 추출해서 새로운 문자열로 반환문자열.substr(): 문자열에서 특정 부분을 잘라냄문자열.replace(): 문자열에서 특정

2023년 6월 12일
·
0개의 댓글
·

[JavaScript] forEach()와 map()의 차이점

forEach()가 배열 요소마다 한 번씩 주어진 함수(콜백)를 실행하는 것과 달리,map()은 배열 내의 모든 요소 각각에 대하여 주어진 함수(콜백)를 호출한 결과들을 모아 새로운 배열을 반환한다는 특징을 가지고 있다그리고 그 함수는1\. currentValue (배

2023년 6월 12일
·
0개의 댓글
·

[JavaScript] switch문

여러 개의 코드블록 중에서 하나를 선택해야할 때 사용if문과 다르게 부등호로 조건이 들어갈 경우 사용할 수 없다switch문은 = 등호 형태의 조건문모든 switch문은 if문으로 바꿀 수 있지만 if문에서 부등식이 사용된 경우에는 switch문으로 치환할 수 없음그러

2023년 6월 12일
·
0개의 댓글
·

[JavaScript] 함수의 종류

자주 쓰는 실행코드들을 블록 단위로 묶어서 패키징 해놓은 형태 자주 쓰는 코드들을 기능단위로 재사용하기 위함함수정의: 미리 function 키워드를 이용해서 자주 쓸 코드들을 묶어서 정의하는 행위함수호출: 정의되어 있는 함수를 호출해야지만 기능이 실행됨함수에 미리 이

2023년 6월 12일
·
0개의 댓글
·

[JavaScript] 반복문 총정리(for in/for of/forEach 등)

자바스크립트 반복문의 종류 **

2023년 6월 9일
·
0개의 댓글
·

[JavaScript] 식별자, 예약어, 실행문

사용자가 임의로 만드는 명칭ex) const, let식별자를 작성할 때에는 예약어는 피해야함자바스크립트 자체적으로 특정 기능을 실행하기 위해 예약된 명령어특정 명령어를 실행하기 위한 구문ex) document.querySelector();여러 가지의 예약어가 모여 실행

2023년 6월 7일
·
0개의 댓글
·

[JavaScript] script 연결하기

<script>를 연결할 때 defer을 작성하면,<script>를 읽음과 동시에 body 안의 html 내용을 함께 읽는다.예전에는 body의 끝에 스크립트를 작성하였지만 이제는 defer을 작성하여 파일을 연결한다

2023년 6월 7일
·
0개의 댓글
·

[scss] @if

if(조건식, 표현식1, 표현식2).section-v1{ width: $section-v1; background-color: if($section-v1 > 700, coral, orange);}/ CSS 컴파일 결과 /.section-v1{ width:900pxl

2023년 5월 23일
·
0개의 댓글
·

[scss] 변수, !global, !default

변수 이름 앞에 $를 넣어서 사용한다.반복되는 목적의 속성 값을 하나의 변수에 관리하여 여러 곳에 값을 할당하여 줄 수 있다.변수에서 사용 가능한 값은 문자열, 숫자, 색상, 불리언(true, false), 리스트(Array), null이다.변수 문법 코드문서의 최상위

2023년 5월 22일
·
0개의 댓글
·

[scss] @each, @while

@each는 list와 map데이터를 반복할 때 사용한다.자바스크립트 for in 반복문과 유사하다.하나의 데이터를 저장하기 위해서 변수를 사용하는데, 여러 개의 데이터를 저장할 때에는 list 또는 map이라는 형식으로 저장한다.연관된 데이터들끼리 모아서 하나의 변수

2023년 5월 22일
·
0개의 댓글
·