과제4 항해99 React 2주차 과제 1주차에 만들었던 프로젝트를 react-router-dom, styled-components, redux를 사용해서 My Todo List 를 다시 만드는게 과제다... 저번 프로젝트에 새로 배운것들을 추가만 할까 생각 했지만 복습도 할겸 다시 만들기로 결정했다... npx create-react-app todo-list-redux yarn add styled-components yarn add redux react-redux yarn add react-router-dom 우선 프로젝트를 만들고 필요한 라이브러리를 다운받았다. 그리고 폴더와 파일들을 만들었다... styled-components를 사용할거라 css는 뺐다 개꿀 서버를 돌려봤다 잘 되는군... 이제 리액트 로고가 돌아가는걸 보며 뭐 부터 .. 2022. 10. 8. 항해99 React 1주차 과제 컴포넌트화 기능은 모두 구현했다 이제 컴포넌트 화를 해야한다 제일 작은것 부터 역순으로 컴포넌트화 하기로 결정했다 제인 큰거부터 하려니까 머리가 안돌아간다... 이 순서로 컴포넌트 화를 했다. css도 따로 만들어야 해서 좀 시간이 걸렸다.. css는 굳이 나눌 필요가 있었을까? 그냥 App.css에 다떼려 박았어도 문제 될게 없을거 같은데... 컴포넌트를 나누던 중 또 의문점이 있었다. TodoList 페이지에서 Layout컴포넌트를 불러오는데 주석처럼 하는게 더 뭔가 페이지 같은 느낌이라 굳이 Layout을 컴포넌트화 해야 했을까 라는 의문이 들었다... 과제 대로 하긴 했지만 이러면 페이지로서의 의미가 없는거 같아 찜찜하다... 아무튼 이제 배포만 하면 된다. 프로젝트들이 있는 폴더에서 git을 만들었더니 그.. 2022. 10. 3. 항해99 React 1주차 과제 해당 사이트를 같은 폴더 구조로 만드는게 과제다! 폴더구조 나는 리액트를 공부하는 것이기 때문에 해당 사이트를 복붙해서 기능을 구현해 갈 것이다 우선 프로젝트를 새로만들고 폴더구조를 맞췄다. 해당 사이트의 dev tool을 켜서 내가 필요한 부분 복사 붙혀넣으면 응 1줄 ㅋㅋ 그리고 에러... 인풋 태그를 안닫아 줬다고 한다... 나는 그냥 복붙했는데? 인풋 태그가 안닫혀있어서 자동 정렬도 안된다... 인풋 태그를 닫아주니 자동정렬이 가능했다. 편안~ 그대로 서버를 돌려보니 뭔가 그럴듯해졌다 이제 CSS꾸미고 기능넣고 컴포넌트화 하면 끝이다 원하는 부분들 CSS 복붙했다. 우선 App.css에 다 때려 박았다 나중에 컴포넌트화 할때 나눠야지~ 페이지 확인해 보니 똑같이 됐다... 너무 날먹 하는거 같아 .. 2022. 10. 2. 언어 과제 JavaScript의 자료형과 JavaScript만의 특성은 무엇일까 ? 느슨한 타입(loosely typed)의 동적(dynamic) 언어 JavaScript는 느슨한 타입(loosely typed)의 동적(dynamic) 언어입니다. JavaScript의 변수는 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당 (및 재할당) 가능합니다. JavaScript 형변환 JavaScript는 기본적으로 자동 형변환을 해줍니다. let ez = 1 //ez가 숫자형 ez = 'ez' //ez가 이제 문자열 ez = true //ez가 이제 불리언 ==, === 둘다 비교하는 연산자 입니다. 차이가 있다면 자료형을 분별 하느냐 안하느냐 입니다. 10 == '10' //true 10 === '10'//.. 2022. 9. 23. 이전 1 다음
