FrontEnd Develop log

레이아웃짜고 오? 프론트앤드 적성인가 싶다가 갑자기 useCallback같은 문법나오면 좀 그렇다.뭔지만 빠르게 이해하고 넘어가고 싶다면 계속 보시길useCallback: 특정 함수를 다시 만들지 않고 재사용하기 위해 사용엥? 무슨말이지?아직 감이 안온다면 이거 하나만

이미 봐버린 이상 해야한다...벨로그 홈페이지를 보면 데이터를 한번에 가져오는 것이 아닌 화면 스크롤 시 실시간으로 가져옴Card데이터, react-intersection-observer 끝우선 나는 React와 타입스크립트를 사용하였다. 이제 react-interse

https://ui.toast.com/tui-editortoast-ui 마크다운 적용 코드타입스크립트 사용시 x.d.ts 파일에 declare module '@toast-ui/react-editor'; 설정 필요

저번 글에서 toast-ui를 사용하여 마크다운으로 작성하는 코드를 게시하였다 아래 사진처럼 마크다운 에디터 적용하고 싶다면 클릭import { Viewer } from "@toast-ui/react-editor";import "@toast-ui/editor/dist/

you may be getting error because of this npm package - react-google-login I suggest using this instead - @react-oauth/google 이걸 대신사용

HTML 태그는 크게 세 가지로 기능, 블록과 인라인, 빈 태그 유무 기준으로 구분할 수 있다.HTML 태그는 제목, 단락, 목차 태그 등으로 문서 전체를 디자인 한다.줄바꿈, 글자 서식 태그 등으로 문서를 디자인링크 태그로 외부 사이트를 연결이미지와 표 태그로 시각적

HTML 기초 정리 → HTML 기본태그 정리 & 실습CSS는 크게 선택자 영역과 속성 영역으로 분류된다.디자인할 HTML 태그 영역을 불러와 선택자 지정을 한다.ex) <p> 태그를 선택자로 불러온다는 뜻은 <p> 태그에 디자인 효과를 삽입하기 위해서 따로

JSX는 자바스트립트의 확장 문법이다. (react로 개발할 때 사용되므로 공식적인 자바스크립트 문법은 아니다 .) JSX 형식을 작성한 코드는 브라우저에서 실행되기 전에 코드가 번들링 괴는 과정에서 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환된다.리액트(Re

컴포넌트는 컴퓨터 소프트웨어에 있어서, 다시 사용할 수 있는 범용성을 위해 개발된 소프트웨어 구성 요소를 일컫는다.리액트에서 컴포넌트는 class형, function형으로 나뉜다. 개념적으로 컴포넌트는 JavaScript 함수와 유사하다. “props”라고 하는 임의의

아래 코드처럼 Box와 Button을 감싸고 있는 {}(중괄호)의 역할은 두 개 이상의 모듈을 불러오는 것으로 한정되어있는 줄 알았다. 하지만 아래의 코드를 보면 하나의 모듈만을 불러왔음에도 불구하고 {}를 사용하지 않았더니 이러한 Error가 발생하였다.원인은 Err

템플릿 데이터JSP 전용 태그내장 객체템플릿 데이터 클라이언트로 출력되는 콘텐츠 HTML, 자바스크립트, 스타일 시트, JSON, XML, 일반 텍스트 등이 여기에 해당한다.JSP 전용 태그 서블릿 생성 시 특정 자바 코드로 바뀌는 태그Directives(<%@

제이쿼리(jQuery)는 웹 사이트에 자바스크립트를 더욱 손쉽게 활용할 수 있게 해주는 오픈 소스 기반의 자바스크립트 라이브러리이다.HTML DOM을 손쉽게 조작할 수 있으며, CSS 스타일도 간단히 적용할 수 있다.애니메이션 효과나 대화형 처리를 간단하게 적용할 수