태기의 개발 Blog 태기의 개발 Blog

react

• React - JSX

  React/기본 2020. 5. 12. 12:27

  JSX란? 자바스크립트의 확장 문법이다. JSX를 왜 사용하는 가? function App() { return ( Hello react ); } 이렇게 작성된 코드를 function App(){ return React.createElement("div", null, "Hello", React.createElement("b", null, "react")); } 이런 식으로 코드를 변환된다. 하지만 컴포넌트를 계속 랜더링 할 때마다 JSX 코드를 작성하는 것이 아니라 위에 코드처럼 매번 React.createElement 함수를 사용해야 한다면 매우 불편할 것이다. 그렇기 때문에 JSX가 생겨났고, JSX를 사용하면 매우 편하게 UI를 랜더링 할 수 있다. 그렇다면 JSX도 자바스크립트 문법이라고 할수있나?..

  Read More
• [TIL] 2020-04-11

  Trainings/이전 TIL 기록 2020. 4. 11. 23:00

  [ groomedu ] - 반응형 사이트 만들기 21강 메뉴 반응형까지 수강 [ 노마드 코더 ] - 바닐라 JS로 크롬 앱 만들기 Two#3.6 Making a To Do List part Two까지 재수강 - ReactJS로 웹 서비스 만들기 #4.5 Cutting the summaryv까지 재수강

  Read More
• [TIL] 2020-04-10

  Trainings/이전 TIL 기록 2020. 4. 10. 19:42

  [ groomedu ] - 반응형 사이트 만들기 17강 헤더 반응형까지 수강 [ 노마드 코더 ] - 바닐라 JS로 크롬 앱 만들기 #3. 4 Saving the User Name part Two까지 수강 - ReactJS로 웹 서비스 만들기 #4.2 Styling the Movies까지 수강 [ 프로그래머스 ] - 알고리즘 문제 1문제 풀기

  Read More
• [TIL] 2020-04-07

  Trainings/이전 TIL 기록 2020. 4. 7. 15:48

  [ groomedu ] - 웹 표준 사이트 만들기(2019) 수강 완료 - 반응형 웹 사이트 만들기 09강 아웃라이너까지 수강 완료 [ 프로그래머스 ] - 자바스크립트로 알고리즘 2문제 풀기

  Read More
• [TIL] 2020-04-06

  Trainings/이전 TIL 기록 2020. 4. 6. 23:43

  [ groomedu ] - 웹 표준 사이트 만들기(2019) 26강 로그인 폼 만들기까지 수강 [ 노마드코더 ] - 바닐라 JS로 크롬 앱 만들기 #2.3 Modifying the DOM with JS #2.7 DOM - If else - Function practice part Two까지 재수강 - ReactJS로 웹 서비스 만들기 #3.1 All you need to know about State #3.2 Component Life Cycle까지 재수강

  Read More
• [TIL] 2020-04-03

  Trainings/이전 TIL 기록 2020. 4. 3. 22:51

  [ groomedu ] - 웹 표준 사이트 만들기(2019) 23강 탭 메뉴 만들기까지 수강 [ 노마드코더 ] - 바닐라 JS로 크롬 앱 만들기 #2.3 Modifying the DOM with JS까지 재수강 - ReactJS로 웹 서비스 만들기 #3.1 All you need to know about State까지 재수강 [ 프로그래머스 ] - 자바스크립트로 알고리즘 1문제 풀기

  Read More
• [TIL] 2020-04-01

  Trainings/이전 TIL 기록 2020. 4. 1. 22:07

  [ groomedu ] - 웹 표준 사이트 만들기 (2019) 18강 콘텐츠 레이아웃까지 수강 [ 노마드코더 ] - 바닐라 JS로 크롬 앱 만들기 #1. 5 Hello World with Javascript까지 재수강 - ReactJS로 웹 서비스 만들기 #2.3 .map Recap까지 재수강 [ 프로그래머스 ] - 자바스크립트로 알고리즘 2문제 풀기

  Read More
• [TIL] 2020-03-27

  Trainings/이전 TIL 기록 2020. 3. 27. 23:49

  [ groomedu ] - 웹 표준 사이트 만들기(2019) 14강 전체 메뉴까지 수강 [ 노마드 코더 ] - ReactJS로 웹 서비스 만들기 #2. 2 Dynamic Component Generation까지 수강 [ 배운 내용 ] 이미지를 표현하는 방법 1. img 태그로 표현(의미가 있을 때) src속성, alt속성 2. background 속성으로 표현(의미가 없을 때) - 대체 문자 X 3. 이미지를 background 속성 - 웹 표준 준수하기 위해서 가상으로 대체 문자를 만들어 줘야함(IR 효과), 이미지 스프라이트 효과 /* IR 효과 */ /* 의미있는 이미지의 대체 텍스트를 제공하는 경우 */ .ir_pm { display: block; overflow: hidden; font-size..

  Read More