css 작업하기
프로필 로딩화면 만들기일부러 2~3초 정도 늦게 프로필을 불러오고 로딩화면을 보여주면 더 그럴듯해보이기 때문에 일부러 로딩화면을 만들었습니다. 자바스크립트에는 해당 밀리세컨드 다음에 함수를 실행하는 setTimeout이라는 함수가 있습니다. 그래서 componentDidMount에서 3초 후에 프로필을 렌더하는 함수를 불러오도록 했습니다. 그리고 프로필이 있냐 없냐에 따라서 클래스 네임과 값을 다르게 주었습니다. 페이스북 같은 느낌을 내기 위해 배경색은 "#3B5998"을 사용했습니다. 해당 css 코드까지 다 붙여넣고 새로고침을 눌러보세요. 3초가 지나면 프로필을 불러오기 때문에 프로필이 있는 화면으로 바뀌게 됩니다.프로필 렌더링 화면 만들기이제 프로필들을 깔끔하게 보여지도록 해보겠습니다. 다 flex..
Frontend-dev/react
2018. 9. 10. 23:58