profile
이자용
post-thumbnail

자바스크립트 튜토리얼 - 5 [함수]

함수는 프로그래밍 언어마다 함수 혹은 메서드라는 용어로 사용되고, 그 의미와 용도는 모두 동일하다.프로그래밍 언어에서 특정 작업을 여러번 반복해야하는 경우 해당 작업을 재사용 가능한 구조로 만든것을 함수라고한다. 함수는 특정 기능을 수행하는 코드 블록을 하나의 실행 단

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

자바스크립트 튜토리얼 - 4

반복문은 조건을 만족하는 동안 코드 블록을 반복적으로 수행한다. 자바스크립트에서는 for, for-in, for-of, while 같은 반복문을 사용한다.다음과 같은 브랜드명이 들어있는 배열이 있다.brands 배열에 담긴 브랜드명을 콘솔 창에 모두 출력하려면 다음과

2022년 7월 31일
·
1개의 댓글
·
post-thumbnail

자바스크립트 튜토리얼 - 3

조건문은 특정 조건에 대한 만족 여부에 따라 다른 코드를 실행시킬수 있도록 해준다. 자바스크립트에서 조건문은 if-else를 사용하는 방법과 switch 문을 사용하는 방법이 있다.if 조건문은 조건이 만족하는 경우에만 코드블록을 실행한다. 조건을 만족한다는것은 Boo

2022년 7월 31일
·
0개의 댓글
·
post-thumbnail

자바스크립트 튜토리얼 - 2

자바스크립트는 6가지 기본자료형 데이터 타입이 있다.String(문자열)Number(숫자)Boolean(참/거짓)UndefinedNullSymbol쌍따옴표("") 혹은 홑따옴표('')를 사용해 변수에 할당할수 있다.문자열안에 쌍따옴표를 사용하려면, 문자열을 홑따옴표로

2022년 7월 31일
·
0개의 댓글
·
post-thumbnail

자바스크립트 튜토리얼 - 1

HTML 요소안에 출력 innerHTML HTML에 직접 출력 document. write() 얼럿창에 window.alert() 브라우저콘솔에 window.alert() 크롬, 익스플로러 같은 브라우저는 개발자가 개발한 웹프로그램에 대한 디버깅 및 분석을 도와주는 개

2022년 7월 31일
·
0개의 댓글
·

제이쿼리 vs 리액트

리액트는 프론트엔드 라이브러리다. 제이쿼리와 상대적으로 다르게 접근해야 하기때문에 진입장벽이 높다고 생각한다. 제이쿼리는 돔을 직접 선택하고 제어하는 방식으로 메소드들이 알아보기 좋고 직관적이다. 반면 리액트는 비동기 어플리케이션으로 SPA(싱글페이지어플리케이션)이라고

2022년 7월 3일
·
0개의 댓글
·

es6 반복문 (map, filter, reduce)

mapfilterreduce

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

useEffect 정리

// \[] 디펜던시가 없다면 componentDidMount, componentDidUpdate 호출 (업데이트 될때마다 호출)// \[] 디펜던시가 있다면 위 function은 componentDidMount 일때만 호출 (componentDidMount 일때 한번

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

useEffect 훅

useEffect는 deps에 해당하는 \[]배열을에 바뀌는 상태값을 입력하면 그 상태값이 바뀔때만 컴포넌트가 업데이트된다.

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

CSS 스프라이트(CSS Sprites)와 IR(Image Replace)의 차이점

css 스프라이트는 이미지로 로딩을 위한 서버와의 요청을 최적화 하기위해 하나의 이미지에 여러가지 이미지를 모아서 css position속성을 이용하여 스타일 작성하는 것을 말한다. ir기법은 웹접근성을 준수하기위한 작업으로 이미지 대체 텍스트를 제공하는 것을 말한다.

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

알아두면 좋은 스타일시트 속성

text-justify텍스트 간격을 조절하는 속성이다. 자동으로 간격을 조절하거나 단어/콘텐츠/단어 간격 등의 기준으로 텍스트를 정렬한다.text-transform텍스트의 대소문자를 바꾸는 속성이다. 단어의 첫번째만 대문자로 바꾸거나 모든글자를 대문자/소문자로 바꿀수

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

당신 모르고 있던 html 태그들

main body 태그 안에 주요 콘텐츠를 정의 할때 사용한다. 해당 문서의 중심 주제 또는 주요 기능과 직접적으로 관련되어 있거나 확장되는 콘텐츠로 구성되어야 하며 문서 전반에 걸쳐 반복되는 내용을 포함해서는 안된다. 따라서 main은 단하나의 요소만 존재해야한다.n

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

polyfill 이란 무엇인가?

폴리필은 직역하였을때 충전재라는 뜻으로 es6에서 추가된 전역 객체들 (promise, map, set)을 사용가능한 객체로 메꾸어주는 개념이다.babel 라이브러리가 최신 문법을 구형 문법에서도 사용할수 있게 만들어 주는것이라면 polyfill은 새롭게 정의된 객체들

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

“점진적 기능향상법” 과 “점진적 성능저하법”

점진적 기능향상법은 가능한 많은 사용자에게 필수 콘텐츠와 기능을 제공하기 위한 설계방법론이다. 기능이 지원 되는 최신 브라우저 사용자에게는 더 나은 최상의 경험을 제공한다.일단 코어 기능들 부터 만든 후 구형 브라우저에서도 동작은 되도록한다. 그 후 추가 기능을 최신

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

리덕스

var: 함수 단위let: block 단위(변수: let으로 선언한 변수는 값이 변할 수 있습니다.)const: block 단위(상수: 한번 선언한 값은 바꿀 수 없습니다.)

2021년 5월 17일
·
0개의 댓글
·
post-thumbnail

React css 작성법

css파일 임포트 방법css를 임포트할때 객체명을 지정해서 불러오는것과 파일만 불러오는것에는 약간 차이가 있는데, 객체명을 지정해서 불러오는 방식으로 할때는 css파일만 다르다면 중복되는 클래스 사용도 가능하다는 것이다.기본 css 문법은 다들 아시다시피 같은 클래스네

2021년 5월 3일
·
0개의 댓글
·

리덕스 모듈 다시 이해하기

리덕스 모듈이란 다음 항목들이 모두 들어있는 자바스크립트 파일을 의미한다액션타입액션 생성함수리듀서리듀서와 액션관련 코드를 하나의 파일로 몰아서 개발하는 방식을 Ducks패턴이라고 한다. 리덕스 관련 코드를 분리하는 방식은 정해진게 없으므로 나중에는 자유롭게 분리해도 상

2021년 3월 30일
·
0개의 댓글
·

API연동의 기본(axios)

API연동을 하기위해서 프로젝트를 생성한후 axios 라이브러리를 설치한다axios를 사용해서 GET, PUT, POST, DELETE 등의 메서드로 API를 요청할수 있다. REST API란 간단하게 하고싶은 작업에따라 다른 메서드로 요청을 할수있는 개발방식이다. 자

2021년 3월 22일
·
0개의 댓글
·
post-thumbnail

덕스패턴

연관된 action-types, action-creater, reducer 를 하나의 파일에 작성action-types는 접두사+액션이름으로 작성(예: todos/CREATE)action-creater는 export 로 내보내기reducer는 export default

2021년 3월 16일
·
0개의 댓글
·

리덕스의 3가지 규칙

하나의 애플리케이션에선 단 한개의 스토어를 만들어서 사용한다. 여러개의 스토어를 사용하는것은 사실 가능하기는 하나, 권장되지 않는다. 특정 업데이트가 너무 빈번하게 일어나거나, 애플리케이션의 특정부분을 완전히 분리시키게 될때 여러개의 스토어를 만들 수도있다. 하지만 그

2021년 3월 16일
·
0개의 댓글
·