profile
FrontEnd Developer (with 구글신)
post-thumbnail

ERC20 나만의 토큰 만들기

테스트넷에서 나만의 토큰 만드는 방법

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

[JS] <script> async와 defer의 차이점

1. <head>태그안에 쓸 경우 2.<body>끝부분에 쓸경우 3.<head>태그안에+async속성 4.<head>태그안에+defer속성

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

[jQuery] 기초

jQuery왜배우는가

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

[JS]예제들

1. 나이계산 프로그램 html js 🖥결과화면 🎯사용한 개념 정리 html button에 onClick = 마우스 이벤트, 버튼을 누르면 함수가 수행되도록 설정할수있음 js [new Date()](https://develop

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

[JS] 조건문, 반복문

괄호 안의 조건이 true이면 { } 사이의 명령을 처리하고, false 이면 { } 안의 명령 무시if … else 문if( ) 문의 괄호 안의 조건이 true이면 if 다음에 있는  { }의  명령을 처리하고, false 이면 else 다음에 있는 { } 안의 명령

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

[JS] 변수, 자료형, 연산자

1. 변수 변수를 선언하는 규칙 세 가지 이름은 의미있게 짓는다 여러 단어를 연결한 변수 이름을 낙타 모양으로 만들어 준다 변수 이름의 첫 글자는 반드시 문자나 밑줄(_), 달러 기호($)로 시작해야 한다. (달러기호는 잘 사용하지않음) 변수 선언과 값/식 할당 le

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

[JS] 자바스크립트란?

프로그래밍 : 사람이 원하는대로 컴퓨터가 작동할 수 있도록 컴퓨터 언어로 명령어를 나열하는 행위웹 프로그래밍 : ‘웹 브라우저’와 관련된 프로그램을 작성하는 것백엔드 (back-end) 프로그래밍 : 서버에서 데이터 관리를 프로그래밍프런트엔드(front-end) 프로그

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

[React] useReducer() (feat.일기장)

useReducer를 사용하여 일기데이터 상태변화로직을 App.js컴포넌트로부터 분리한다App.js컴포넌트에서 기존 작성했었던 useState를 주석처리하고 useReducer로 관리(useReducer를 사용하는 이유는 복잡한 상태변화로직을 컴포넌트 밖으로 분리하기위

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

[React] useReducer()

💡useReducer()란? 사용자 리스트 기능에서의 주요 상태 업데이트 로직은 App 컴포넌트 내부에서 이루어졌었습니다. 상태를 업데이트 할 때에는 useState 를 사용해서 새로운 상태를 설정해주었는데요, 상태를 관리하게 될 때 useState 를 사용하는것 말

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

[React] useCallback(), 함수형업데이트 (feat.일기장)

크롬의 확장도구로 React Developer Tools를 사용하면 보다 더 편하다. 오늘은 components에서 highlight updates when components render를 이용해서 화면을 볼 예정이다. 📖예제 일기리스트에 있는 목록 중 하나를

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

[React] useCallback(), 함수형업데이트

💡useCallback()이란? React의 Rendering 성능 최적화를 위한 Hook 사용방법 import React, { useCallback } from "react"; React의 기능이므로 항상 상단에 import를 해줘야한다. useCallback(

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

[React] React.memo로 Rendering 최적화2 (feat.예제1,2)

💡React.memo란? React.memo(re-rendering이 일어나지않았으면 하는 컴포넌트)를 입력하면 props가 변화하지않으면 반환되지않는 고차 컴포넌트(강화된 컴포넌트)를 돌려준다. 물론 자기자신의 state가 바뀌면 re-rendering이 일어난다

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

[React] useMemo()로 Rendering 최적화 1 (feat.일기장)

💡useMemo()란? React의 Rendering 성능 최적화를 위한 Hook 사용방법 React의 기능이므로 항상 상단에 import를 해줘야한다. import React, { useMemo } from "react"; > const memoizedValue

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

[React] Rendering 최적화 (feat.일기장)

DOM업데이트순서, Re-Rendering, 최적화에 대하여

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

[React] fetch( )를 이용하여 API 호출하기 (feat.일기장)

💡fetch()란? 자바스크립트 내장 객체 (API 호출하는 역할) fetch() 함수는 엄밀히 말해, 브라우저의 window 객체에 소속되어 있기 때문에 window.fetch()로 사용되기도 한다. ▶️ fetch()사용 방법

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

[React] useEffect( )로 Lifecycle이해하기 (feat.예제)

💡useEffect( )란? import React, { useEffect } from "react"; useEffect또한 React가 제공하는 기능 중 하나이므로, React에서 import받아와야 한다. 두개의 파라미터를 갖는것처럼보인다. 첫번째파라미터로는 콜

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

[React] Lifecycle, React Hooks(클래스형,함수형)

💡Lifecycle이란? = 생애주기 사람으로 따지면 생애주기는 영유아 ~ 노년기를 뜻한다. React로 따지자면 화면에 화면에 나타나고, 리렌더되고, 없어지는것을 생애주기라고 볼 수 있다. Lifecycle을 제어한다는 말은 컴포넌트가 탄생하고 변화하고 죽는

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

[React] useState( )로 배열 수정하기 (feat.일기장)

배열을 이용한 React의 List에 아이템을 동적으로 수정하기 (with조건부렌더링) 🎯코딩 순서 정리 DiaryItem.js에 가서 수정버튼을 생성한다. 수정버튼을 클릭하면 버튼은 수정취소,수정완료 버튼으로 바뀌고 수정완료버튼을 누르면 다시 수정하기,삭제하기의

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

[React] filter( )로 배열 삭제하기 (feat.일기장)

filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열을 반환합니다.원하는 값들을 필터링 하는 것filter()는 배열 내 각 요소에 대해 한 번 제공된 callback 함수를 호출해, callback이 true로 강제하는 값을

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

[React] useState( )로 배열 추가하기_2탄 (feat.일기장)

useState( )로 배열 추가하기 - 일기장 예제

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