개발일기

Axios Axios는 JavaScript 또는 Node.js 환경에서 HTTP 요청을 수행하기 위한 라이브러리 Promise 기반으로 동작하며, 브라우저와 Node.js에서 모두 사용할 수 있음 다양한 기능을 제공하며, JSON 데이터를 자동으로 파싱하고 오류 처리를 편리하게 할 수 있음 fetch Fetch API는 최신 웹 표준으로 제공되는 JavaScript API로, 웹 브라우저에서 기본적으로 지원 Promise를 사용하여 비동기적인 HTTP 요청을 처리함 Axios와 달리 브라우저 기본 기능을 활용하기 때문에 별도의 라이브러리 설치가 필요하지 않음 Axios와 fetch Axios : 다양한 기능과 브라우저 및 Node.js에서 일관된 API를 제공하므로 더 많은 기능과 편의성을 제공합니다. ..

LifeCycle react hooks useState State를 만들 때는 useState()를 사용 const [ value, setValue ] = useState( 초기값 ) useEffect 리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hook // src/App.js import React, { useEffect } from "react"; const App = () => { useEffect(() => { // 이 부분이 실행된다. console.log("hello useEffect"); }); return Home; } export default App;

state state 정리한 내용✏️ https://roqkfdlfrl.tistory.com/46 [React] Props 구조분해할당 / State / useState / onClick Event / onChange Event 구조분해 할당과 Props Child 컴퍼넌트에서 어떤 props들이 실제로 쓰이는지 직관적으로 알기 쉬움 State state는 UI를 바꾸기 위해서 사용!!! state : 컴포넌트안에서 변할 수 있는 값 1) useState + onClick Event roqkfdlfrl.tistory.com props props 정리한 내용✏️ https://roqkfdlfrl.tistory.com/48 [WIL] 08.21 ~ 08.27 Virtual DOM(가상 돔) DOM : Doc..

Virtual DOM(가상 돔) DOM : Document Object Model Virtual DOM : 가상돔 가상 DOM은 실제 DOM과 구조가 완벽히 동일한 복사본 형태 실제 DOM을 조작하는 것 보다 더 빠르게 조작을 수행할 수 있음 props props 정리한 내용✏️ https://roqkfdlfrl.tistory.com/45 [React] rfce / JSX / Props / prop drilling / Props Children rfce / rfc 확장프로그램 React snippets(ES7+ React/Redux/React-Native snippets) 설치하면 사용 가능 App.js 함수형 컴포넌트 생성 단축키임 JSX 문법 1) 클래스명, 삼항연산자, style(인라인) style..

지난주 8/14 - https://roqkfdlfrl.tistory.com/22 [TIL] 2023.08.14 [JS 문법 종합반] 1주차 for문 # for문 기본골격 for(초기값; 조건식; 증감식) {} # 예시 for(let i = 0; i roqkfdlfrl.tistory.com 8/15 - https://roqkfdlfrl.tistory.com/23 [TIL] 2023.08.15 [JS 문법 종합반] 1주차 숙제 1. 문자열 연습하기 프로그래머스 : 문자열 내 p와 y의 개수 https://school.programmers.co.kr/learn/courses/30/lessons/12916 function solution(s) { var answer = true; // 1. 대문자로 통일하기 s..

개강 준비 주차를 끝내고 항해99에서 내준 개인 과제인 스타터 노트를 작성해보려고 한다. 스타터 노트 #1. 개발 공부가 처음이신가요? 처음이 아니라면, 어느 정도 기간을 가지고 어떻게 학습을 하셨나요? 항해 시작 전에 스파르타코딩클럽에서 웹개발 종합반 강의를 따로 들은 적이 있습니다. 한 달 정도 기간을 두고 강의를 수강하면서 개발공부를 시작했습니다. #2. 내가 항해99에 참여한 계기는 무엇인가요? 이전 회사에서 개발직군을 처음 접했습니다. 문제사항을 전달하면 기능이 수정돼 돌아오고 그 결과가 눈으로 확인이 가능하다는 점이 큰 매력으로 다가와 개발에 관심이 생겼습니다. 이후 개발 강의를 찾아보다 스파르타코딩클럽의 '웹개발 종합반'을 수강하게 됐고, 좀 더 제대로 배워보고 싶다는 생각이 들어 항해99 ..