반응형 오블완21 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://scrap.kakaocdn.net/dn/GTmi6/hyXzKZ1rPk/oNisJfm5l9Y1DIdzG6woW1/img.jpg?width=800&height=295&face=0_0_800_295,https://scrap.kakaocdn.net/dn/Gg27Y/hyXzOg4du.. 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://scrap.kakaocdn.net/dn/dfDXSX/hyXzRiNjlr/p0aFJz9RGKKsKKVcWqdca0/img.jpg?width=800&height=295&face=0_0_800.. 2024. 11. 19. 내가 매일 사는 일상 속에서 나를 기쁘게 만드는 것을 찾아내야 한다 인생에 한 가지 의미만 두고 결승선을 향해 달려가는 단거리 선수는 위험해인생에 목표를 가지고 사는 사람은 멋있다 무엇을 위해 살아갈까, 요즈음은 별다른 꿈이 없다목표에 골인할 때 울려퍼지는 축하음과 보상 이벤트는 나를 기쁘게 했지만 당연하게도 그걸로 내 인생이 달라지진 않았다그럼에도 불구하고 이번에는 좀 다를까 하는 기대 뒤에 따라오는 작은 실망이 있었다 공허함을 느끼고 인생이 무의미하는 생각이 뒤따라 왔다내가 매일 사는 일상 속에서 나를 기쁘게 만드는 것을 찾아내야 한다소소한 행복들을 놓치지 않고 그냥 지나치지 않고 찾아내도록 곳곳에 숨겨두어야 한다새로운 인연들을 만났다쌀쌀해진 날씨가 너무 좋았다바닐라향이 너무 향긋해서 한 잔 더 마시고 싶었다오랜만에 영화관에 갔다글래디에이터Ⅱ글래디에이터2를 보기 위해.. 2024. 11. 18. 계산기 만들기_Flutter와 Bootstrap을 활용한 웹 개발 기초 간단한 계산기(더하기 기능) 만들기 예제 1. Flutter 프로젝트 생성하기(cmd)flutter 설치 및 환경변수 설치는 아래 참고 https://tiny-immj.tistory.com/74 2.Flutter 개발 환경 설정_Flutter와 Bootstrap을 활용한 크로스 플랫폼 웹 개발개발환경 선택플러터 개발을 할 때는 대상 웹과 동일한 플랫폼에서 해야 합니다즉 Mac OS용으로 개발하기 위해선 Mac이 필요하고 Windows 타깃으로 개발을 하기 위해선 Windows PC가 필요합니다 저는 tiny-immj.tistory.com 1) 명령 프롬프트(cmd)를 실행 2) 프로젝트를 생성할 경로로 이동 D: cd dev\flutterProject 3) 명령어로 Flutter 프로젝트 생성flutte.. 2024. 11. 17. React의 UseEffect는 왜 두 번씩 실행되어 빡치게 만드는가 React 게시판을 만들다가 조회수 구현을 하는데 게시글을 클릭할 때 마다 조회수가 두번씩 올랐다 왜 이러는지 이유를 찾아보겠다 React에서 useEffect 실행 방식 useEffect : 리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hook이다 1) useEffect가 처음 렌더링될 때만 실행하고 싶다 = 마운트 될 때만 실행된다 useEffect(() => { //마운트 시 API 호출 axios.get('https://api.example.com/posts') .then(response => setData(response.data)) .catch(error => console.error('데이터 로드 실패:', error)); }, []);// 빈 배열로 설정해 마운.. 2024. 11. 16. 이전 1 2 3 4 다음 반응형
