211005 TIL

TIL DAY 67

오늘 배운 일

✔️ 코드잇에서 React 프론트엔드 개발

• JSX에서 자바스크립트와 HTML 코드 활용하기

  예 )

  

  자바스크립트를 이용해서

  

  중괄호를 이용해서 변수의 있던 데이터를 대입시킬 수 있다.

  

  이번에는 영문으로 바꾸고 대문자로 만들어보자!

  

  변수값을 MacBook를 바꾸고, 중괄호안에 변수와 메소드를 작성하면은 된다.

  결과값 :

  

  변수를 추가해서 전에 있던 변수의 값과 합칠 수 있다.

  

  결과값 :

  

  사진을 추가한다면....

  

  결과값 :

  • src 속성에 중괄호를 하고 변수이름을 선언하면 된다.

    

    이벤트도 사용이 가능하다...

    

    결과값 :

    • 새로 만든 버튼안에 위에 선언한 함수 호출을 위해서 onClick 이벤트를 이용해서 작동시킨다.

    

    그리고

    

    주의할 점!

    • 중괄호 안에 자바스크립트 표현식만 사용이 가능하다.

느낀점 :

• 오늘은 JSX 활용법에 대해 배우는 시간을 가졌습니다.
• 중요한게 중괄호를 이용해서 자바스크립트를 이용할 수 있는데 모든 것들이 다 되는것은 아니다.
• 아직도 리액트에 대해 배울게 너무 많다.