본문 바로가기

분류 전체보기

 (170)
Redux_TIL(29) 리액트 입문과정이 끝나자마자 아직 투두리스트를 만들어보지도 못했는데 숙련회차를 듣게 되었다.😂 사실 입문과정에서 props랑 state가 이해가 되야한다고 해서 아직 스스로 그 부분이 부족하다는 생각에 숙련강의는 안 듣고 입문강의만 계속해서 공부를 하고 있었다.(주말에 todoList📖 만들어보려고 함) 근데 오늘 튜터님 리덕스 강의가 있다는걸 알고 급하게 조금이라도 알고 시작하자는 마음에 강의를 뒤늦게나마 보기 시작했는데 그래도 튜터님 강의를 듣고나서 공부를 하니까 훨 이해가 잘 됬다. 혼자 들을 때 외계어인줄..ㅎ 그래서 그걸 오늘 주제로 적어보려고한다. 기본적으로 redux에 필요한 패키지들을 설치하고나서 시작해야 된다. (내가 맨날 이런거 설치도 안하고 왜 안되냐 하고 있어서 나중에 내가 봐도 안..
TIL(28) 오늘은 정말 리액트만 보다가 끝난거같다. 하루종일 리액트 강의만 다시 보고 다시보고 하는 중이다. 진짜 얼마나 봤는지 모르겠다 todoList를 만들라는 과제를 받았는데 뭔가 어떻게든 만들려면 만들었을꺼 같은데 주어진 미션대로 완벽히 못만들꺼같았고 막상 하려니까 내가 생각한거보단 내가 아직 많이 모르는거같다. 리액트 중간중간 구조분할,스프레드배열 등 자바스크립트 문법들이 나오는데 아직 그런거에 쫌 어려움을 느끼고 있던지라 더 그런듯 리액트하다가 자바스크립트 문법도 찾아보면서 정리해야할듯싶다. 어쨋든 투두 리스트는 내 머리에는 안 들어왔는데 만들기에 급급해서 코드를 따라쓰기 바쁜 그런 느낌이 났다 ㅠㅠ 그래도 자꾸 쓰다보면 분명 그 코드에 대해서 이해도 잘 되고 얻는 것이 있겠지만 만들다 보면 부딪히는 구..
props란...?TIL(27) 리액트 입문을 공부하면서 props..props..💫 너무 많이 들었다. 분명 부모->자식에게 데이터를 넘겨줄때 받는 인자라고 이해했다.. 여기까지는 좋았다ㅋㅋ 넘겨줄 데이터가 한 줄 밖에 안되니 어떻게 넘어가고 그러는지 눈에 보이니까 쉬웠다. 근데 왠열 점차 시간이 갈 수록 받아야 할 인자들이 많아지니 정신이 없더라...ㅎ💥진짜 props를 이렇게 받아도 렌더링이 된다고?? 이러면서 따라치면 신기하게 되어있더라는.. state는 props를 정확히 알고 넘어가야 된다는 말씀에 ㅠㅠ오늘 props 콘솔에 함 찍어서 확실히 이해하자싶기도하고 기록으로 남겨두면 또 한번 내 지식이 되니까 정리를 해보려고한다. function Card(props){ const classes = "card" + props.cla..
리액트 입문주차TIL(26) 이번 주 부터 리액트 입문주차가 시작되었다. 약간 설렘반 걱정 반인데 ㅠ 그래도 내가 배워야 할 주특기이니 열심히 하자 마음먹었다. 그리고 공부를 해보니까 아직까지는 쫌 재밌는거같다 쉬운부분을 해서 그런가ㅎㅎㅋㅋㅋㅋㅋ 막 터미널 켜고 설치할때도 에러뜨면 어떡하지 하면서 걱정하면서 엔터치고 아니나 다를까 역시 에러가 떴다 오히려 좋아...?... yarn을 설치할때 npm install -g yarn 이렇게 명령어가 떴는데 알 수 없는 빨간 글자들의 에러가 막 나왔다. 역시 구글링을 해보니 npm은 node.js를 설치할때 기본적으로 깔리는 프로그램이고, 이제 yarn은 npm과 같은 역할을 하지만 좀 더 부족한 부분을 개선한 패키지라고 했다. 근데 왜 다들 하라는 명령대로 했는데 나는 오류가 떴을까하고 ..
개인공부 WIL(05) 이번주는 프로젝트가 끝나고 나서 주특기 트랙인 리액트 공부를 들어가기 전에 자바스크립트 심화과정+개인공부시간을 가지는 주였다. 프로젝트를 하면서 내가 부족했던 부분이 무엇인가에 뼈저리게 느꼈기때문에 그 부분을 채우기 위해서 심화과정도 중요하게 들었지만 개인공부를 더욱 더 중요하게 공부를 했다. 왜냐면 심화과정을 내가 이번 주만 듣고 바로 이해를 한다는게 당연히 어려운 것이겠지만 몇 번을 반복하든 어쨌든 내가 기본적인것을 잘 알아야 다음 스텝이 가능하다는 거였다. 그래서 개인공부에 좀 더 집중을 했다. 프로젝트를 통해서 내가 느낀 나의 부족한 점은 정말 개념들을 대-략적으로 안다는거였다. 여기서 이 코드가 어떤 기능을 하고 그래서 이렇게 적어놨구나를 훑어보듯이 이해를 했는데 이게 막상 내가 다시 그 코드가..
class TIL(25) 오늘은 어제에 이어서 class에 대해서 정리하려고한다. 1.class class People{ constructor(name,age){ this.name= name; this.age= age; } //함수는 function이라고 적지 않아도된다.그리고 보통 constructor 안보다 밖에 위치한다. display()=>{`${this.name},${this.age}`} } const person = new People('puth', 30); console.log(person) 여기서 class는 템플릿이라고 생각하면 되고 new를 붙여서 그 템플릿을 가지는 새로운 객체를 생성해낼 수 있다. 만약 누군가가 new로 새로운 객체를 만들고 나서 이 상태를 변경하고 싶지 않도록 만들려면 #을 붙이면된다. c..
함수 TIL(24) 오늘은 자바스크립트 중 많이 부족하다고 느꼈던 함수 부분을 공부했다. 원래 심화 자바스크립트 강의듣고 와..내가 진짜 아직 부족한 부분이 많구나 하고 식겁해서 다시 첨부터 공부하고 있다. 듣다보면 이건 아는건데? 하는부분도 있지만 그 사이사이에 아 이런 부분도 있었구나~ 하는게 많았다....ㅠㅠ 헛 공부한 느낌이야.... 일단 함수는 1.작은단위로 사용한다. 2.함수기능에 맞는 이름을 사용한다. 3.매개변수 이름도 그에 맞게 사용한다. 저기 네모가 함수라고 생각하면 된다. input이 있으면 ouput이 있다. 여기서 중요한 점은 function add(a+b){return a+b}; 이렇게 있다고 하자. 그럼 저기서 add는 함수를 참조 하고 있는 것이다. 즉, 주소값을 가지고 있다고 생각하면 된다. ..
DOM_TIL(23) 오늘 튜터님께서 추천해준 모던자바스크립트부분중에서 항상 궁금했던 DOM에 대해서 정리를 하려고 한다. 사실 오늘 처음 제대로 공부하는거라 분명 내가 이해 한것 중 틀린 부분이 있겠지만 점차 내가 해보고 틀린 것들을 수정해보려고한다. : DOM이란 html구조를 트리형식으로 만들어 놓은 것이다. 그래서 이 구조들을 통해서 원하는 특정 요소를 불러다가 script에서 사용할 수 있다. 일단 // ,등과 같은 태그들은 요소노드라고 하며, 트리 구조를 구성한다. ㄴ루트노드 ㄴ루트노드의 자식 텍스트노드와, 공백만 있는 텍스트 노드는 개발자 도구에선 보이지 않는다. *여기서 노드란? 확실하지 않지만 내가 이해하기론 하나의 내용을 가진 코드 줄을 노드라고 하는 것 같다. ( 나중에 잘못 이해한거라면 고치러 온다) =..

티스토리툴바