Study
-
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. 그러면 아래와 같이 주석의 색상이 바뀐다! 짠 🎇
-
웹페이지의 스크롤 막기Study/JavaScript 2020. 5. 21. 15:24
간단한 미니 게임이 들어간 자기소개 웹페이지 구현중, 웹페이지에 간단한 게임을 넣는것 까지 완성이 되었는데, 문제가 발생했다. 웹페이지를 #id값에 따라 움직이게 했더니 긴 스크롤이 발생하여, 게임 안에서 애벌레가 사과를 먹기위해 방향키를 조절할때마다 위아래로 웹페이지 스크롤이 함께 움직였기 때문이다. 어떻게 웹페이지의 스크롤은 막고, 게임 캔버스에서 방향키는 조절할 수 있도록 할 수 있을까? 이를 해결하기 위해 구글링을 해보았다. css fixed? sticky ?? 모두 내가 원하는 방식이 아니다. 덕분에 fixed 만 알았는데 몰랐던 sticky 방법에 대해서도 알 수 있었지만... 😎 구글링을 하면서 스크롤 자체를 없애주기 위해서 css 에서 oeverflow: hidden; 방식을 사용할 수 있..