분류 전체보기
-
JSX Elements And Their SurroundingsStudy/React 2020. 5. 25. 13:24
JSX Elements And Their Surroundings JSX elements are treated as JavaScript expressions. They can go anywhere that JavaScript expressions can go. That means that a JSX element can be saved in a variable, passed to a function, stored in an object or array…you name it. Here’s an example of a JSX element being saved in a variable: const navBar = I am a nav bar; Here’s an example of several JSX eleme..
-
What is JSX?Study/React 2020. 5. 25. 13:17
What is JSX? JSX is a syntax extension for JavaScript. It was written to be used with React. JSX code looks a lot like HTML. What does “syntax extension” mean? In this case, it means that JSX is not valid JavaScript. Web browsers can’t read it! If a JavaScript file contains JSX code, then that file will have to be compiled. That means that before the file reaches a web browser, a JSX compiler wi..
-
The Mystery, RevealedStudy/React 2020. 5. 25. 12:30
INTRO TO JSX The Mystery, Revealed Good! Take another look at the line of code that you wrote. Does this code belong in a JavaScript file, an HTML file, or somewhere else? The answer is…a JavaScript file! Despite what it looks like, your code doesn’t actually contain any HTML at all. The part that looks like HTML, Hello world, is something called JSX. Click Next to learn about JSX. intro to jsx ..
-
Hello WorldStudy/React 2020. 5. 25. 12:21
Hello World Take a look at the following line of code: const h1 = Hello world; What kind of weird hybrid code is that? Is it JavaScript? HTML? Or something else? It seems like it must be JavaScript, since it starts with const and ends with ;. If you tried to run that in an HTML file, it wouldn’t work. However, the code also contains Hello world, which looks exactly like HTML. That part wouldn’t ..
-
Why React?Study/React 2020. 5. 25. 11:09
Why React? React.js is a JavaScript library. It was developed by engineers at Facebook. Here are just a few of the reasons why people choose to program with React: React is fast. Apps made in React can handle complex updates and still feel quick and responsive. React is modular. Instead of writing large, dense files of code, you can write many smaller, reusable files. React’s modularity can be a..
-
초보 개발자를 위한 폭풍 성장 비법Study/공부방법 2020. 5. 24. 10:58
1. 테크놀로지에만 집중하지 마라. 이제 막 공부를 시작했다면, html 배우고 css로 넘어갈 것이다. 그러면 "html을 완성해야지! 집중할꺼야!" 이러기 쉬운데 그것보단 css도 배워보고 전체적인 웹 개발의 그림을 볼 수 있다. 전체 웹 개발의 그림이 어떠한지를 보아라. 예를 들면, 인스타그램은 어떻게 빌드 된걸까, 그러다보면 장고를 알게 되고, 장고가 뭔지 검색해보고, 파이썬을 알게되고, 검색해보고.. 파이썬, 장고를 배우라는 뜻이 아니라, 이제 막 배우기 시작한 웹개발의 모습이 어떠한지를 배우라는 말이다. css만 공부하는게 아니라, 전체적인 모습을 보면 좋겠다. 이건 너를 어떻게 도와주냐면, html, css 다 배웠을 때, " 이런 디자인 부분 하는 건 싫고, 인스타그램이 장고로 만들어진 걸..
-
VSC 주석 색상 변경 방법!Study/공부방법 2020. 5. 23. 21:47
VSC 를 사용하다보면 주석 색상에 공부내용들을 적기도하고, 그래서 주석이 더 잘보이기를 바랄때도 있다. 주석 색상 변경하는 방법을 알아보자. 1. VSC 아래 왼쪽에 설정버튼을 누른다. (cog icon) 2. setting 검색창이 뜰 것이다. json을 검색한다. 3. JSON: Schemas 항목 아래의 Edit in settings.json 을 클릭한다. 4. "editor.tokenColorCustomizations" 에 "comments": "원하는색상"을 입력한다. 5. 그러면 아래와 같이 주석의 색상이 바뀐다! 짠 🎇