반응형 분류 전체보기114 [react] React 컴포넌트와 Props, State 1. React 컴포넌트란? React 컴포넌트는 UI(사용자 인터페이스)를 나누는 독립적이고 재사용 가능한 단위컴포넌트는 JavaScript 함수 또는 클래스 형태로 정의된다 props를 입력으로 받아 JSX를 반환한다 ※ 알아볼 점 ① 함수형 컴포넌트와 클래스형 컴포넌트 중 어떤 것을 선택해 사용해야 할까요?② Props와 State의 차이는 무엇인지 정리 2. React 컴포넌트의 구성2-1. 함수형 컴포넌트JavaScript 함수로 작성되며 props를 받아 JSX를 반환한다 주로 간단한 UI를 표현하거나 React Hooks와 함께 상태를 관리할 때 사용한다 function Greeting(props) { return Hello, {props.name}!;} 2-2. 클래스형 컴포넌트 ES.. 2024. 11. 25. 올해를 11장의 사진으로 표현한다면? 내적분노핑의 일년 일 끝나고 오니까 어떤 글을 써야할지 생각이 안났다 글감이 없을때 알려주는 티스토리 덕분에 오늘 써야할 주제를 정했다9번 2024년 올해를 11장의 사진으로 표현해본다면? 순서는 크게 상관없이 골라봤다 크게 11장이고 부가 설명 사진은 몇 장 넣어봤다 1번 사진그 동안 모은 돈을 피티에 다 썼다 골격근양이 표준 이하에서 표준 중간으로 올라갔다갑자기 살이 쪄서 체력이 바닥이 났었는데 지금은 몸이 훨씬 가벼워져 좋다근육 1키로당 돈으로 환산하면 1700 만원이라는데 돈 번거죠멋찐 어른이 되기 어려워요 할머니2번 사진강규희 작가님의 감정에 대한 글을 구매했다 여러 섹션이 나눠 있는 것이 마음에 들었다 끌리는 것은 매우 많았으나 딱 하나만 골라보았다뭘 구매해 읽었는진 사진에서 확인 가능하십니다나도 내 글을 써보.. 2024. 11. 24. 달달한 게 땡겨서 쓰는 글 밤에 핫케이크가 먹고 싶어서 쓰는 글1. 이태원 녹사평 팬케이크샵오리지널 팬케이크랑 발로나 초코밀크 시켰었다팬케이크, 단짠 버터크림, 오리지널 시럽의 구성맛은 있었지만 앉을 자리가 많이 없어서 아쉬웠다같이 간 친구는 단걸 좋아해서 엄청 좋아했지만 나는 이렇게까지 시럽으로 승부하는건 별로라 생각해서 재방문 의사가 없다뷰가 좋다는데 그건 자리에 따라 다른 것 같다 분위기는 나쁘지 않았으나 사장님이 불친절하다 어떤 사람들은 자리로 가져다주고 어떤 사람들은 안 가져다주는데 그 기준이 좀 궁금하였다 2. 맥도날드 맥모닝 러뷰 맥모닝수플레 팬케이크 스타일은 아님 클래식 팬케이크인데 맛있고 싸다 메이플시럽은 맛있고 양도 많아서 원하는 만큼 뿌려먹을 수 있다 딱 한번 실망한 적은 있다 아침에 먹고 싶어져서 포장해 집에.. 2024. 11. 22. 4. 게시판 validation 만들기 - React와 Node.js 게시판 프로젝트 정보프론트엔드 : React백엔드 : Node.jsDB : MySQLVS Code 사용 게시판 웹 애플리케이션 만들기 https://tiny-immj.tistory.com/92 RESTful API는 데이터를 표준화된 방" data-og-host="tiny-immj.tistory.com" data-og-source-url="https://tiny-immj.tistory.com/92" data-og-image="https://blog.kakaocdn.net/dna/GTmi6/hyXzKZ1rPk/AAAAAAAAAAAAAAAAAAAAAPPdLVb3HeFns6aEYvTp91Zuw1RrNJ7NhJq3jcMdiI8r/img.jpg?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1753973999&allow_ip=&allow_referer=&signature=IAtnnR%2FSyJpsp3YqWZyJ8of1JxQ%3D 2024. 11. 21. [JavaScript] 화살표 함수 = (arrow function) => {} react 게시판을 만들면서 화살표 함수를 많이 썼는데, 화살표 함수에 대해서 정리가 필요하다는 생각이 들었다 0. 화살표 함수란?화살표 함수란 무엇일까? = () => { } 위 문법은 화살표 함수(arrow function)을 정의하는 JavaScript 문법이다 ES6(ECMAScript 2015)에서 도입되었으며, 기존 함수 표현식보다 간결하게 작성할 수 있다 1. 기본 문법const 함수명 = (매개변수) => { //함수 내용};간결한 함수 정의 : 기존 function 키워드를 사용한 정의보다 간단함 this의 바인딩 : 화살표 함수는 자신만의 this를 가지지 않고 정의된 렉시컬 컨텍스트(lexical context)**의 this를 사용한다 반환값 생략 가능 : 중괄호를 생략하면 바.. 2024. 11. 20. 3. 게시판 조회수 구현과 React bootstrap 사용한 껍데기 포장해보기 - React와 Node.js를 사용한 게시판 만들기 프로젝트 정보 프론트엔드 : React백엔드 : Node.jsDB : MySQL VS Code 사용 게시판 웹 애플리케이션 만들기 https://tiny-immj.tistory.com/92 RESTful API는 데이터를 표준화된 방" data-og-host="tiny-immj.tistory.com" data-og-source-url="https://tiny-immj.tistory.com/92" data-og-url="https://tiny-immj.tistory.com/92" data-og-image="https://blog.kakaocdn.net/dna/dfDXSX/hyXzRiNjlr/AAAAAAAAAAAAAAAAAAAAAE2KQiPKkrIjxMtgGXACsMMQjQO8oyRGwMdQxH4uUdqb/img.jpg?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1753973999&allow_ip=&allow_referer=&signature=JicOgtlj37orJPfz1op78axHNmI%3D 2024. 11. 19. 이전 1 2 3 4 5 6 ··· 19 다음 반응형
