CSS (4) 썸네일형 리스트형 reactjs 속의 HTML, JSX 문법 알아보기 1. 개요 JSX는 리액트에서 레이아웃 만들때 씀 자바스크립트를 확장한 문법인데 JS랑 HTML을 섞어놓은 형태임 HTML이랑 다른건 브라우저에 바로 보여줄 수 없고 빌드 과정을 거쳐야 랜더링 가능한 점 app.js파일에다가 JSX코드 작성하면 됨(나중에 이걸 빌드해서 HTML파일로 바꿀거임) 시작하기 전에 div태그만 남기고 다 지웁시다(아래 처럼 만들면 됨) import logo from './logo.svg'; import './App.css'; function App() { return ( ); } export default App; 2. CSS 적용하기 app.css파일에 css코드 작성하면 됨 import './App.css'; css파일을 app.js에 적용하려면 위 코드를 입력해서 css파.. 인스타그램 멀티링크용 링크트리 페이지 코딩으로 만들기(3) 안녕하세요. 링크트리 페이지 코딩으로 만들기 3탄입니다. 1탄과 2탄은 아래 링크를 참고해주세요. 2022.08.01 - [코딩/웹 프로그래밍] - 인스타그램 멀티링크용 링크트리 페이지 코딩으로 만들기(1) 인스타그램 멀티링크용 링크트리 페이지 코딩으로 만들기(1) 안녕하세요. 오늘은 인스타그램프로필에서 여러개의 링크를 걸기 위해 사용하는 링크트리 페이지를 따라 만들어보겠습니다. 우선 멀티링크, 링크트리가 무엇인지부터 확인해보겠습니다. 개인 bebutae.tistory.com 2022.08.11 - [코딩/웹 프로그래밍] - 인스타그램 멀티링크용 링크트리 페이지 코딩으로 만들기(2) 인스타그램 멀티링크용 링크트리 페이지 코딩으로 만들기(2) 안녕하세요. 링크트리 페이지 코딩으로 만들기 2탄입니다. 우리는.. 인스타그램 멀티링크용 링크트리 페이지 코딩으로 만들기(2) 안녕하세요. 링크트리 페이지 코딩으로 만들기 2탄입니다. 우리는 HTML과 CSS로 코딩한 페이지를 깃허브 저장소에 올리고, Netlify를 깃허브 저장소에 연동시켜 웹페이지를 배포할 예정입니다. 1탄에서는 링크트리 페이지를 HTML과 CSS로 코딩해보았습니다. 2022.08.01 - [코딩/웹 프로그래밍] - 인스타그램 멀티링크용 링크트리 페이지 코딩으로 만들기(1) 인스타그램 멀티링크용 링크트리 페이지 코딩으로 만들기(1) 안녕하세요. 오늘은 인스타그램프로필에서 여러개의 링크를 걸기 위해 사용하는 링크트리 페이지를 따라 만들어보겠습니다. 우선 멀티링크, 링크트리가 무엇인지부터 확인해보겠습니다. 개인 bebutae.tistory.com 2탄에서는 코딩한 페이지를 깃허브 저장소에 올려보겠습니다. 깃허브를.. 인스타그램 멀티링크용 링크트리 페이지 코딩으로 만들기(1) 안녕하세요. 오늘은 인스타그램프로필에서 여러개의 링크를 걸기 위해 사용하는 링크트리 페이지를 따라 만들어보겠습니다. 우선 멀티링크, 링크트리가 무엇인지부터 확인해보겠습니다. 개인 인스타그램 게시글에는 링크를 걸 수 없습니다. 프로필에는 링크를 걸 수 있는데 하나만 걸 수 있습니다. 그래서 블로그와 유튜브, 마플샵 등 다양한 페이지를 운영중인 경우 여러 페이지 중 하나의 페이지만 링크를 걸 수 있습니다. 예를 들면 아래와 같이 인스타그램 프로필에는 하나의 링크만 걸 수 있습니다. 하지만 저 링크에 접속하면? 이렇게 네이버 블로그와 굿즈샵, MBTI 테스트 페이지의 링크가 걸려있는 페이지로 접속할 수 있습니다. 오늘 웹 프로그램이을 통해 만들어볼 페이지가 바로 이렇게 여러개의 링크가 모여있는 멀티링크 페이지.. 이전 1 다음
