profile
생각하는대로 살지 않으면, 사는대로 생각하게 된다.
post-thumbnail

Javascript | 얕은 복사와 깊은 복사(Part.1)

우선 이 주제를 이해하려면 자바스크립트의 데이터 타입(기본형,참조형)에 대해서 이해하여야 한다.필자는 '코어자바스크립트' 책을 보면서 많은 정보를 얻었지만, 위와 같은 이해가 부족하다면 아래 링크를 읽어보길 바란다.자바스크립트 기본형, 참조형 설명간단하게 설명하자면 자

2021년 1월 10일
·
1개의 댓글

Javascript 주요 메소드(ruduce 및 예제)

# reduce란? javscript를 사용하고 또 리액트를 사용하면서, 평소에도 중요하다 생각했지만 실제로 프로젝트를 진행해보니까 다시한번 중요하다 생각이든 메소드에 대해 정리를 해보려고 한다. 오늘은 그 중에 reduce에 대해 정리해보려고 한다. 먼저 redu

2020년 12월 13일
·
0개의 댓글
post-thumbnail

인스타그램 클론 코딩 코드 리뷰(Part.2 Main-Page)

Github : https://github.com/shinsewon/instagram/tree/master/sewonshinhtml,css,javascript 소스 코드앞서 로그인 페이지를 만들었을때 자신감이 와르르 부셔져 내리는 느낌이었다.html,css,j

2020년 10월 31일
·
0개의 댓글
post-thumbnail

인스타그램 클론 코딩 코드 리뷰(Part.1 Login-Page)

HTML,CSS,Javascript를 공부하고 처음으로 클론 코딩이란걸 해보았다.클론 코딩 대상은 '인스타그램' 주제는 로그인,메인 홈페이지이다.작업 기간은 대략 일주일 작업 포커스는 다음과 같이 설정하였다.HTML,CSS를 활용하여 최대한 똑같이 클론한다.javasc

2020년 10월 31일
·
0개의 댓글

Javascript for문

자바스크립트에서 가장 중요한것을 두 개 뽑으라고 하면 if문,for문을 들 수 있다.그만큼 중요하고 많이 쓰이는 문법이다.만약 for문이 없다면 어떨까? 예를 한번 들어보자.위 예제와 보이는 거처럼 if문을 여러번 사용하여 저렇게 반복해야 한다.예제에서는 몇개 안되서

2020년 10월 23일
·
0개의 댓글

NodeJs require(),exports,module.exports (Part.2)

앞에서 require(),exports,module.exports의 개념들과 각각의 차이점에 대해 알아보았다.이번 시간에는 조금 더 깊이 들어가서 자세히 알아보기로 하자.모듈은 독립적인 파일 스코프를 갖기 때문에 모듈 안에 선언한 모든 것들은 그 모듈 내부에서만 참조

2020년 10월 11일
·
0개의 댓글

Javascript DOM

1. DOM이란? DOM(Document Object Model)이라고 불리우며 개요로하자면, Javascript를 이용해서 웹브라우저의 표시되는 문서를 동적, 프로그래밍적으로 제어할 수 있도록 해주는 인터페이스이다. DOM은 여러가지 의미를 가지고 있다. 텍스트

2020년 9월 26일
·
0개의 댓글

Javascript Scope(유효범위),Closure(클로저)

한쪽에서 보이는 취조실 유리, 스코프의 접근과 비슷하다

2020년 9월 19일
·
1개의 댓글

Javascript Prototype

정말 어려운 내용이다. 아주 거물급 내용이자 javascript의 객체지향을 지탱하고 있는 핵심적인 개념이고, javasript를 일반적인 객체지향 언어와 구분하는 중요한 개념이다. 일단 들어가기 앞서 몇가지 설명하고 들어가겠다. prototype이라는것은 원형이라

2020년 9월 14일
·
0개의 댓글

Javascript Class (Part.1 body, method 정의)

class는 객체를 생성하기 위한 템플릿이다. class는 데이터와 이를 조작하는 코드를 추상화한다.ES6에서 class라는 문법이 추가 되었고, 원래 prototype을 이용하여 만들어졌지만 기존의 기반으로 클래스를 만드는것보다 명료하게 클래스를 만들수 있게 되었다.

2020년 9월 14일
·
0개의 댓글

Javascript Object(Part.1 Property & Method)

Javascript는 객체기반의 스크립트 언어이고,Jvascript를 이루는 거의 모든것은 '객체'이다.객체는 여러가지 속성을 하나의 변수로 저장 할수 있도록 하는 데이터 타입이고 key,value 값을 저장 할 수 있다.<예시1>이름 : john나이 : 29ke

2020년 9월 13일
·
0개의 댓글

Javascript String 메소드(startsWith,endsWith,includes )

javascript sring 부분에서 자주 쓰이는 메소드 몇가지를 정리하고자 한다.구문string.startsWith( searchString, length )searchString : 검색할 문자열(필수요소), 대소문자를 구분한다.length : 문자열 중 어디까지

2020년 9월 11일
·
0개의 댓글

Javascript의 String(문자열),템플릿 리터럴,String 메소드

javascript에서 기본적인 string에 대해 알아보자 String이란 무엇인가? string 이란 다른 말로 문자열 이라고 표현되며, 컴퓨터 프로그래밍 형식 언어 이론에서 기호의 순차 수열이라고 불리우며, 그리고 문자열 이 소스코드에 보이면 그 문자열을 s

2020년 9월 11일
·
0개의 댓글

Javascript Math expression(feat.증감 연산자)

앞에서 이야기 했던 증감 연산자에 대해 알아보았고, 나를 포함한 다른 사람들이 헷갈려 하는 부분이 많아 javascript의 수학적 표현에 대해 알아보려고 한다.let num= 1;num++;console.log(num); // 2위에 예제에서 보았든 증감 연산자에 의

2020년 9월 9일
·
0개의 댓글

연산자의 종류(Part.3 대입 연산자,증감 연산자)

대입 연산자는 등호(=)를 이용하여, 우변에 있는 피연산자끼리 연산자로 계산한 값을 좌변에 대입하는 연사자를 말한다.예를 들어, c=a+b라는 수식이 있다면, a와 b를 더한 값을 대입 연산자(=) 를 이용하여 c에 대입하는 것이다.대입 연산자는 변수에 값을 대입할

2020년 9월 9일
·
0개의 댓글

연산자의 종류와 우선순위(Part.2 논리 연산자와 우선순위)

설명에 들어가기 앞서 이야기했던 용어를 정리하고 들어가겠습니다.연산자란 무엇인가? 들어가기 앞서 용어 정리를 간단하게 짚고 넘어 가야될거 같다.피연산자: 3+5라는 수식이 있다. 이때 3+5는 피연산자 즉,연산을 당하는 것. 숫자와 문자열 또는 객체가 될

2020년 9월 9일
·
0개의 댓글

연산자의 종류(Part.1 비교 연산자,산술 연산자)

연산자란 무엇인가? 들어가기 앞서 용어 정리를 간단하게 짚고 넘어 가야될거 같다.피연산자: 3+5라는 수식이 있다. 이때 3+5는 피연산자 연산을 당하는 것. 숫자와 문자열 또는 객체가 될 수도 있다.연산자: '+'는 연산자라고 부른다. 어떠한 피연산자를

2020년 9월 9일
·
0개의 댓글

Javascript Function

javascript 에서 함수를 선언하는 방법은 3가지가 존재한다.1.함수 선언문(function statement)2.함수 표현식(function expression)3.생성자(function)함수 선언문은 호이스팅에 영향을 받지만, 함수 표현문은 호이스팅에 영향을

2020년 9월 9일
·
0개의 댓글

Javascript var,let,const(호이스팅)

Javascript에서 var,let,const의 차이점에 대해 알아보자.ES6의 도입전 ES5시절까지만 하더라고 변수 선언을 할때 var를 사용했다.하지만 var는 치명적인 단점을 가지고 있다.같은 이름의 변수를 한번 더 선언 했음에도 불구하고,에러가 나오지 않고 정

2020년 9월 9일
·
0개의 댓글

filter란 무엇인가?

filter는 콜백 함수의 조건에 해당하는 모든 요소가 있는 배열을 새로 생성한다. (구문) >arr.filter(callbackFunction(element, index, array), thisArg); 구문을 살펴보자 'filter' 메소드 안에 'callba

2020년 8월 31일
·
0개의 댓글