Jieunny의 블로그

📌 수료 후 3개월 안에 연봉 3500이상 기업에 취직하기 (연봉이 조금 낮아지더라도 워라밸 중요시) ⏰ 일일 스케줄 ✔️기상 시간 : 8시 ✔️취침 시간 : 늦어도 1시 ✔️9시 ~ 6시 구글 캘린더 일정 밀리지 말고 따라가기 ✔️6시 이후 과제 + 그 날 배운 개념 완전히 이해하기 블로그 기록하기 (일주일에 3번 이상) ✔️내 시간 1시간 정도 갖기 ✔️주말 학습 시간 적어도 2시간 일정이 있어 못한 날에는 다음날 그만큼 더 ✔️운동 따로 할 생각말고 웬만하면 걸어다니기

인터넷 통신에는 까다로운 규약이 따르는데, 이를 프로토콜(Protocol) 이라고 부른다. 그 중 HTTP 는 Hyper Text Transfer Protocol로 Hyper Text 를 전송하기 위한 프로토콜이다. Hyper Text 는 웹 문서를 구성하고 있는 HTML 을 말한다. HTTP 통신은 '요청' 과 '응답' 으로 이루어져있다. 클라이언트가 서버에게 요청을 보내고, 서버는 그에 맞는 응답을 돌려준다. 클라이언트는 그 응답을 사용자에게 보여주는 것이다. ex ) 우리가 http://naver.com 으로 요청을 보내는 것은 클라이언트인 웹 브라우저를 통해서 네이버 서버에 네이버 시작 페이지를 보여달라는 요청을 하는 것이고, 네이버 서버는 요청을 받으면 네이버 시작페이지에 해당하는 HTML 을 ..

JS 는 dynamic typing 가능 TS 는 JS 랑 문법은 같은데 type 을 지정해주는 것 ( 코드 에디터 부가기능 역할로 봐도 될 듯 ) 5 - '3'; //원래는 숫자 - 숫자만 가능하지만 js가 알아서 숫자로 바꿔줌 //이런 장점이 프로젝트가 커지면 단점이 됨 TS 사용하는 이유 1) TS 는 타입 엄격히 검사해줌. 2) 에러메세지 퀄리티가 좋음. ts 파일을 js 로 변환해야 사용가능 tsc -w 켜두면 자동으로 js파일 생기고, ts 파일 업데이트 하고 저장할때 마다 자동으로 js 파일 업데이트 됨. 파일 사용시에는 당연히 js파일 갖다써라. tsconfig.json : ts->js 변환 시 옵션 설정 해줄 수 있음 JS 문법 const 변수 등호로 재할당만 막는 역할을 한다. cons..

App.js import logo from './logo.svg'; // import './App.css'; import styled from 'styled-components'; import Template from './components/Template'; import TodoList from './components/TodoList'; import TodoInsert from './components/TodoInsert'; import { useState } from 'react'; import { MdAddCircle } from 'react-icons/md'; let nextId = 4; // 밖에다 선언해놔야 리렌더링해도 4로 돌아가지 않음 function App() { const [sele..

JSX : javascript XML의 약자로 자바 스크립트에 XML 문법을 추가한 확장형 문법이다. 자바 스크립트에 HTML 문법을 사용 할 수 있다. 확장자는 .jsx, .js, .tsx(타입 스크립트와 호환 가능) 가 사용 가능하다. 이런 형식으로 작성한 코드는 브라우저에서 실행되기 전에 코드가 번들링 되는 과정에서 Babel을 사용하여 자바 스크립트 형태의 코드로 변환된다. 문법 규칙 1) 컴포넌트에 여러 요소가 있다면 반드시 하나의 부모 요소로 감싸야 한다. // 잘못된 코드 function App(){ return ( Hello Is it working well? ) } // 올바른 코드 function App(){ return ( Hello Is it working well? ) } 2) J..

App.js /* eslint-disable */ import React, { useState } from 'react'; import logo from './logo.svg'; import './App.css'; function App() { let [title, setTitle] = useState(['치킨 맛집 추천', '도넛 맛집 추천', '피자 맛집 추천']); let [good, setGood] = useState(0); let [modal, setModal] = useState(false); let [push, setPush] = useState(0); let [input, setInput] = useState(''); function changeTitle(){ var newTitle = [..