ScrollView 코드에디터에서 옵션 설정 방법을 알 수 있게 지원 해줍니다.컴포넌트에 마우스를 올려두기만 하면 됩니다.!!하지만 그래도 잘 모르겠다면 react-catbow-scrollview 레파지토리에서 README.md의 option을 참고하세요.!Scroll

지금까지 TypeScript를 타입 지정해서 에러를 안띄우는 정도로만 알고 있었는데,React-component npm 라이브러리를 개발하게 되면서 d.ts 파일 즉, 선언 파일을 만들 줄 알아야 돼서 TypeScript 컴파일 공부 해보았다. ts -> js 컴파일

ZVON.org 참고(http://zvon.org/comp/r/tut-Regexp.html모든 표현 정리 ^ : 문자의 시작부분을 매칭정규 표현식 : ^whofirst match : Who is Whoall matches : who is who&: 문자의 끝

문제 아래의 그림에서 start 버튼을 누르면, 1초마다 number counter가 오릅니다 stop & added 버튼을 누르면 타이머가 멈추고, text, number, 그리고 가장 낮은번호의 고유의 id값을 하나의 객체로 묶어서, 전역상태로 관리합니다. (

라이브러리를 안쓰고 Carousel 구현 과정 삽질한 부분을 정리 했습니다. > ## 이것은 알고가자 키포인트 1. css transfrom : translateX transition (속도 지연 시키는 용도) 2. setTimeout transition 속

개발을 시작한 계기 반도체 생산직 일을 3년정도 하면서 평소에 개발자들 운영하는 유튜브 조코딩, 노마더코더를 보면서 개발자에 관심을 조금씩 가지고 있었습니다. 하지만, 반대의 경우의 '비전공자 개발자현실'이라는 부정적인 내용도 많이 접했었습니다. 그러면서 취미로만

이미지 업로드 기능을 간단히 구현해 보고, 남겨 보았다.이미지 업로드 기능도 기본 기능 중에 하나이니 많은 도움이 되면 좋겠다.https://developer.mozilla.org/ko/docs/Web/HTML/Element/Input/file공식문서를 보면

핵심키워드 onDragStart, onDragEnter, onDragOver, onDragEnd useRef로 index 위치값 참조 draggable 속성 넣기 > ## DragEvents 우선 4가지 이벤트의 차이를 알아야 합니다. onDragStart

JSONPlaceholder 의 api로 테스트https://jsonplaceholder.typicode.com/posts100개의 데이터가 있고 쿼리스트링으로 접근하면 start = 몇번부터 limit= 몇개 나눠서 데이터를 가져올 수 있다.useRef로 리

프로젝트 기간 : 2022.08.29~ 2022.09.08프로젝트 Github 링크 프로젝트 발표 자료메인페이지instructor 페이지instructorDetial 페이지ReactPlayer, Slick-carousel 라이브러리 사용동작라우팅과 useParams를

1. 관심사의 분리(SoC, Separation of Concerns) Aspiring Craftsman 핵심 키워드 관심사 분리의 원칙 관심사 분리 원칙은 시스템 요소가 베타성과 목적의 특이성을 가져야 한다고 말합니다. 즉, 어떤 요소도 다른 요소의 책

함수형 업데이트란? 함수형 업데이트가 무엇인지는 알았다. 하지만 여기서 위의 두가지 업데이트 방식의 근본적인 차이는 무엇일까? 라는 생각을 하고 개인적인 생각을 글로 정리해 보았다. 순수함수와 비순수함수 1번은 비순수 함수이다. side effect가

문법 1. fetch 2. axios axios 요청 방법 > ## fetch와 axios의 차이 fetch fetch()는 .then() 메서드에서 처리된 promise를 반환합니다. 이 때는 아직 우리가 필요한 JSON 데이터의 포맷이 아니기 때문에 응답

CSS-in-JS는 자바스크립트 파일 안에서 css를 작성할 수 있는 방법입니다.CSS-in-JS는 js 파일 안에서 css 코드를 작성하기 때문에 css의 변수와 함수를 그대로 사용할 수 있습니다. 그리고 css 클래스명을 해시 값으로 자동으로 생성하여 클래스 이름

프로젝트 시연 영상 https://youtu.be/giykILNhTuY 맡은 역활 로그인 장바구니 > ### 로그인 로그인 회원 가입 > ### 장바구니 > ### 프로젝트 회고록 1. 프론트 백엔드 팀원과의 소통의 중요성 위코드에서 1주차

HTTP는 HyperText Transfer Protocol의 약자입니다. 하나하나 용어에 대한 뜻을 먼저 살펴봅시다.HyperTextHTTP에서 HyperText는 HTML(HyperText Markup Language)의 HyperText와 그 의미가 동일하다. H

wecode 1차 클론 프로젝트 React를 사용하여 구현한 장바구니 기능 풀이 > ### 핵심 기능 한 줄 설명 useEffect,fetch로 api로 부터 데이터를 받아와 useState로 저장 상품 리스트별로 컴포넌트화하기 상품데이터의 수량이 변화거나 삭제

바닐라 자바스크립트로 무한 스크롤 구현하고, React 라이브러리를 사용하여 응용해본 경험을 풀어 보았다. > ## 바닐라 자바스크립트 편의상 전체 코드를 붙여 놨습니다. 핵심 포인트 사실 상 위의 코드만 이해하면 내 것으로 만들 수 있습니다. window.i

운영 서버와 아키텍쳐 1. 운영 서버란? 애플리케이션을 개발할 때에는 주로 로컬 환경에서 개발 혹은 테스트를 진행합니다. 이렇게 로컬 환경에서 실행되는 애플리케이션은 사용자에게 서비스를 제공할 수 없습니다. 운영 서버는 개발이나 테스트 목적이 아닌 실제 사용자들을

Path Parameter 1. path parameter란? URL로는 고유한 자원(resource, data)을 지칭할 수 있습니다. http://naver.com/stocks http://tistory.co.kr/blogs 등을 보면 알 수 있죠. 그러