NomadChallenge 5

초보를 위한 React JS (20.12.07 ~ 21.01.25)

1.1 > Arrow Functions function some(event){ } 이렇게 쓰던 이전 방식 보다는 const some = event => ; 이렇게 함수를 선언하는게 더 좋다고 한다! (왜 때문인지는 아직 잘 모르겠음, 줄을 적게 차지해서 그런가?....) ​ 1.2 > Template Literals ```` -> backthicks, 잊지않았지? ​ 1.3 > Object Destructuring const name = human.name; const lastName = human.lastName; 이렇게 바꿔쓸 수 있단다.. ㅠㅜㅠㅜㅠㅜ신기해 const {name, lastName} = human; ​ const { name, lastName, nationality: difName, ..

ReactJS with movie App (20.12.06 ~ 28)

오늘 안에 다 끝내고 내일부터 다른 코스 챌린지 들어가야 하는데 가능하겠지? -> 응 못함, ​ Nomad 강의 중에서 reactJS와 react native 코스의 차이가 정말 궁금했는데, reactJS에서는 ES6버전의 Javascript를 사용하는 경우가 많아서 이름이 저렇게 붙은거 같아. 이 정도도 안하고 react native 코스를 진행하려고 하니까 문제가 생기는건 어쩌면 당연한거 아닐까? ​ 기본적으로 nodeJS npm npx git 세팅이 필요해서 다 했구 그 다음, react-app을 만들기 위해서는 npx create-react-app movie_app 을 쳐주면 된다. (like Django) ​ 그 다음에 VSCode를 열어서 npm start를 terminal에 쳐주면 app이 ..

JAVASCRIPT (20.11.30 ~ 20.12.02)

챌린지는 저번주 월요일부터 시작했지만, 두번째 보는거라서 딱히 기록할게 없었다. ​ 이제 좀 생겼어 ​ - JSON web driver의 localstorage는 string 밖에 저장하지 못해. 그래서 우리는 JS의 Data type들을 String로 변환해줄 필요가 있지 좋은 트릭 중에 하나가 JSON모듈을 이용하는건데 (*JavaScript Object Notation!) JSON.stringify(AnyJavascriptObject!); 하면 된다. 자세한 설명은 나중에 *역으로 하는 과정은 JSON.parse(); ​ - forEach array 모듈 중 환상적인 함수로 array.forEach(function(i){ console.log(i); }; ​ 아니면 array.forEach(func..

CSS + HTML (20.11.10 ~ 20.11.23)

왜 어제걸 쓰냐면,, 어제 공부를 해보니까 일반 서비스 개발도 좀 로그를 작성할 필요가 있겠더라구,,, ​ 어제 내가 헷갈려 했던건 semantic tag. ​ semantic 은 단어의 의미 자체가 '의미론적'이라는 뜻인데,, ​ semantic tag면 특정 기능을 수행하는 태그인게 맞잖아 근데 왜 헷갈렸어, 왜!! ​ semantic tag VS non semantic tag ​ head -> configuration body -> contents ​ tag + attributes -> very powerful ​ 코딩 실습을 반복하면서 수많은 태그와 att들의 결합을 익히자! 암기하지마!! 절대!!! ​ //// 20.11.11 css 짧고 굵게 ​ # 3.2 cascadig style sheet..

728x90