웹 개발에서 데이터를 비동기적 으로 가져오는 것은 매우 일반적인 작업이다. 이를 위해 주로 사용되는 두 가지 도구가 있는데, 바로 fetch 와 axios 이다. 참고로 이들은 구식 브라우저에서는 지원하지 않으므로 폴리필이 필요하다. Fetch 정의 : 웹 브라우저 내장 API로, 네트워크 요청을 비동기적으로 처리하기 위해 만들어졌다. const res =...
목차 React 세팅 Todo List 만들기 느낀점 1. React 세팅 Create-react-app npm 또는 npx로 설치 npm init react-app my-app npx create-react-app my-app React 애플리케이션을 만들기 위한 기본 파일 및 구조가 설정됨. npx 사용이 더 좋은 이유 항상 최신 버전을 설치하므로 Re...
목차 애플리케이션 웹과 브라우저 웹 표준 서버와 클라이언트 웹 서버와 웹 애플리케이션 서버 (WAS) Static Site Generator Single Page Application (SPA) Server Side Rendering (SSR)와 Client Side Rendering (CSR) SSL(Secure Sockets Layer)과 TLS(Tra...
목차 스터디 참가 계기와 소감 과제 내용 앞으로의 방향 1. 스터디 참가 계기와 소감 "'HTML, CSS, JS'로 나만의 웹사이트를 만들어 보아요!"라는 유혹적인 문구에 현혹 되어 작년 말 웹 개발에 입문 하게 되었다. 그리고 작년 크리스마스부터 개강한 모 KDT 국비교육 프론트엔드 부트캠프에 참가하게 되었고, 몇 주 전 수료 를 하게 되었다. 4개월이...
2번 과제 (Day2)(가위바위보 게임 앱) 깃허브 저장소 주소 : https://github.com/devellybutton/frontEnd_warmingUp_study/tree/master/02.%EA%B0%80%EC%9C%84%EB%B0%94%EC%9C%84%EB%B3%B4 게임 규칙: 사용자는 바위, 가위, 보 중 하나를 선택한다. 컴퓨터는 무작위로...
4번 과제 (Day4)(책 리스트 나열 앱) 깃허브 저장소 주소 : https://github.com/devellybutton/frontEnd_warmingUp_study/tree/master/04.%EC%B1%85%EB%AA%A9%EB%A1%9D 기능 : '책 이름', '책 저자', '읽은 날짜'를 입력하고 버튼을 누르면 표 아래에 하나씩 등록이 됨. 각...
6번 과제 (Day6)(비밀번호 생성 앱) 깃허브 저장소 주소 : https://github.com/devellybutton/frontEnd_warmingUp_study/tree/master/06.%EB%B9%84%EB%B0%80%EB%B2%88%ED%98%B8%EC%83%9D%EC%84%B1 과제 GIF: 클릭한 종류의 문자열이 적어도 1개 이상 들어가도...
1번 과제 (Day2) ( 음식 메뉴 앱) 깃허브 저장소 주소 : https://github.com/devellybutton/frontEnd_warmingUp_study/tree/master/01.%EC%9D%8C%EC%8B%9D%EB%A9%94%EB%89%B4%EC%95%B1 과제 GIF: 간단한 후기 : 자바스크립트를 사용해서 createMenuItem...
