profile
새로운 기술, 새로운 운동을 탐구합니다.

how to googling

implement /drag and drop html/ react구현 구현기능 스택특정 문장 검색 정확도 높히기는 """be of the web"store javascript date object in mysql -phpsite:stackoverflow.com dete

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

Blockchain

Only add or inputDecentralization (don’t access)onewayfunctionPrevhash + myhash Nounce = hash 정보중에 일부를 miner가 유일하게 바꿀 수 있는 정보이며 해당 정보에 맞춰 블록을 추가하거나 추가

2021년 12월 9일
·
0개의 댓글
·

React_함수형 프로그램

Class 형에서 함수형 프로그램을 요즘은 더 많이 쓰고 있다. 그이유는 코드상으로 좀더 간결하게 사용이 가능하고 hook이 도입되어 state를 통한 데이터 관리와 이전에는 클래스에서만 가능 하던 것들이많은 hook의 등장으로 클래스와 동등하게 사용이 가능하게 되었다

2021년 12월 9일
·
0개의 댓글
·

About component_React

리엑트는 virtual dom 을 사용해서 redering을 사용할 떄 실제로 컴퍼넌트 내부 값이 변하지 않는 이상 모두 데이터를 새롭게 부르지 않는다. 하지만 특정 컴퍼넌트 값이 변경되는 경우에 렌더링시 자동으로 호출되는 componentdidUpdate() 가 불필

2021년 12월 9일
·
0개의 댓글
·

PostCSS

postCss 공식문서공식문서를 보면 설명되어 있지만, 포스트css는 리엑트에서 사용가능한 패키지로 상당히 다양한 플러그인을 보유하고 있으며, 점점 사용범위 사용량이 늘고 있는 아주 인기 있는 툴이다. 1.Less, Sass 를 기존 혹은 현재도 많이 사용하고 있으나,

2021년 12월 9일
·
0개의 댓글
·

API

rest api는 위키디피아 혹은 그외에 정리되어진 여러가지 칼럼들이 난무한데길게 말할 필요없다고 생각한다. 간단히 요약하면 Representational state transfer 프론트와 백엔드 통신을 원할하게 하기위해 정의해놓은 규칙을 이야기 하는 것으로Get p

2021년 12월 9일
·
0개의 댓글
·

About Go

우선 go의 환경은 설치 파일을 다운받아 설치를 해줘야한다. node 같은 경우 사용자가 임의로 설치장소를 지정하여 끌어다가 사용이 가능하지만 go 언어는 특별히 지정된 장소에서 설치되어있어야 정상 작동하게 되어있다. (mac 사용자는 처음 설치시기에 장소를 제대로 지

2021년 12월 9일
·
0개의 댓글
·

Postman

Have you heard about Collection rich?api 부자라고 표현 할 수 있는 표현으로 포스트맨은 각종 퍼블릭 api 나 그 외 다양한 api를 보관하고 관리하면서 필요할떄마다 호출해서 사용하기 편리한 도구이다. api 기능별로 설정을 정의하고 호

2021년 12월 9일
·
0개의 댓글
·
post-thumbnail

TDD를 위한 Tool "Jest"

코드 테스트를 위하여 개발된 Jest 라는 아주 훌륭한 툴이 있다. 공식문서는 아래와 같이 확인 가능. 제스트 공식문서자세한 설치 및 환경 설정 방법은 공식문서 docs에 getting start를 참조하여 하나씩 설치해주면 된다. 여기에 추가적으로 알아두면 좋은 환경

2021년 12월 9일
·
0개의 댓글
·

What is the TDD

함수, 기능, ui, 성능, api스펙 을 test 하여 작동여부를 확인 후 패스하거나 다시 만드는 것을 말합니다.\*\* 일부회사에서는 검증팀이 따로 있어 코드를 검토했지만, 비효율적인 문제로 자동화 된 추세로 변화되었다. 하지만 이 문제도 개선은 되어도 비효율적인

2021년 12월 9일
·
0개의 댓글
·

리엑트 useState의 setState 사용 팁

위와 같은 사용방법이 일반적으로 setState를 사용할떄 방법이다. 그런데 간혹 새로운 값을 업데이트 하는 과정에서 새로운 데이터가 업데이트 되지 않는 경우가 있다고 한다.그것을 대비하기 위해 setCards(callbackFuc) 을 활용하여 사용이 가능하다고 한다

2021년 9월 26일
·
0개의 댓글
·
post-thumbnail

리엑트 usestate 데이터 오브젝트화

use state를 일반 배열로 자료를 구성하고 반복문을 사용하는 경우 프로그래밍 효율이 좋지 못하다.이유는 모든 데이터를 일일이 하나씩 조회하기 때문이다.하지만 이부분을 자바스크립트기능을 활용한 오브젝트화로 프로그래밍 알고리즘을 조금 바꿔준다면 성능이 대폭 향상될

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

about React

npm 버전관리에 대한 정보 (라이브러리포함)postcss 같은 유용한 패키지들이 자동으로 생성되어 있어 바로 사용가능. \*\*readme에 프로젝트에 대한 설명을 적기를 권장 외부라이브러리 추가했을떄 폴더나 파일들이 구조로 생성및 관리되있음(라이브러리의 이상함을 감

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

about Binding

위 코드를 통해 봤을떄 일반적인경우라면 상단 setClickListener 함수에 전달된 onItemClick에 onClick의 클래스가 상속되야 하는 것이 일반적이나, 자바스크립트에서는 상속되지 못해 callback함수가 실행되지 못하는 문제가 발생한다. 그런때에 이

2021년 8월 30일
·
0개의 댓글
·
post-thumbnail

엘리드림코딩_자바스크립트게임 프로젝트 01

플레이버튼을 눌르게 되면 카운트가 시작되면서 시간내에 벌레와 당근을 잡는 게임 플레이버튼을 누르게 될때벌레와 당근 생성카운트 시작 벌레나 당근 잡는 갯수 카운트다시시작 버튼querySelector(.cssclass) - class를 찾아 선택한다.element.getB

2021년 8월 26일
·
0개의 댓글
·

back to basic and consistency

요즘 개발관련된 흥미를 잊어버린 상태고 집중이 끊기 있게 되지 못해서 고민이 많던 차였다. 그러던중 강경원이라는 유명한 바디빌딩의 영상을 보면서 영감을 느꼈는데 영감받은 내용은 위 주제와 같이 backtobasic 기본으로 돌아가라는 것이다. 이 말을 듣고 내자신에 대

2021년 8월 17일
·
0개의 댓글
·

WIL(Weekly I Learned)_210411

이번 프로젝트에서 핵심적으로 많이 느낀 점은 api 통신 방식이다. 기존 교육때 배운내용은 서버리스 (파이어베이스) 와 같은 것으로 통신하고 서버를 관리하는 것 까지 배웠는데, 백엔드 파트에서 작업해주는 것을 CRUD하는 부분을 많이 배우고 느꼈다. 제일 명확하게 개념

2021년 4월 11일
·
0개의 댓글
·

WIL(Weekly I Learned)_210404

리액트 네이티브 심화과정 실습 (Navigator/Components)심화강의 그리고 기본강의에 아직도 정리되지 않은 개념과 기본기가 너무 많지만, 시간관계상 바로 들어갔다. 우선 StackNavigator, TabNavigator 개념과 Components 요소들을

2021년 4월 4일
·
0개의 댓글
·

WIL(Weekly I Learned)_210325

목금에 기본 강의를 듣고 리액트 네이티브를 이용한 강의를 듣고, 1차 과제인 todolist를 했다. native 프레임 워크에서 사용되는 특징으로 아래 공식에 대해서 배웠는데, 처음에 무슨말인지 몰라서 강의보고 보고나서 자료를 보고 여러번 돌려보면서 3일만에 겨우 이

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

WIL(Weekly I Learned)_210321

진행내용 알고리즘1 2 주차에서 파이썬 기본문법 개념과 문제를 푸는 요령도 잘 몰라서 팀 스케쥴을 따라가지 못했었다. 하면서 크게 느꼈던 점은 기본문법과 알고리즘 개념, 그리고 문제접근 방법에대한 배경지식이 없을때 문제를 접하는 것은 시간낭비임을 크게 느꼈다. 그부분을

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