웹랩(39)
-
Brackets 에디터 다운로드 하고 다크모드 사용하기
https://brackets.io/ A modern, open source code editor that understands web design Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released every 3-4 weeks, it's like getting presents all year long. brackets.io 다운로드는 공식 홈페이지에서 가능하다. 따로 셋팅 없이 자동완성, CSS quick ed..
2022.01.28 -
윈도우10 폰트 바로가기 설치
윈도우10 폰트 바로 가기를 사용하여 글꼴 설치 허용하기 제어판 > 모양 및 개인 설정 > 글꼴 > 글꼴 설정 "글꼴 설치" 항목의 "바로 가기를 사용하여 글꼴 설치 허용"에 체크하고 확인을 눌러주세요.
2021.12.16 -
not css
.header-top > .left :not(:last-child){margin-right:12px;}
2021.10.13 -
리액트 전역 변수 (방법2)
App.js import MyProfile from "./components/MyProfile"; const iam = { lastName: "Hong", firstName: "GilDong", koName: "홍길동", }; return ( ) MyP...js class MyProfile extends Component { constructor(props) { super(props); this.iam = props.iam; } render() { return ( Who am I {this.iam.lastName}입니다
2021.09.28 -
리액트 전역 변수 (방법1)
Tail.js // function Tail(props) { // const mytailiam = props.iam; // return ( // // Tail 부분시작 // {mytailiam.firstName}입니다. // Tail 부분끝 // // ); // } function Tail({ iam }) { return ( Tail 부분시작 {iam.firstName}입니다. Tail 부분끝 ); } export default Tail; App.js import Tail from "./components/Tail"; const iam = { lastName: "Hong", firstName: "GilDong", koName: "홍길동", }; return ( )
2021.09.28 -
더미 이미지
예제 이미지 사용하기 (해당 영역에 맞는 사이즈의 이미지 넣기)에 유용한 사이트 두개를 소개합니다. 무료로 사용 가능한 더미이미지 다음과 같이 사용합니다: http://placeholder.com/ 이미지 크기 및 형식 (.GIF, .JPG, .PNG, .WEBP) , 배경색 및 텍스트 색상, 텍스트 를 지정할 수 있습니다. https://via.placeholder.com/150 150x150 이미지 https://via.placeholder.com/150x100 150x100 이미지 https://via.placeholder.com/300/09f/fff.png 이미지 파일 확장자 https://via.placeholder.com/728x90.png?text=Visit+WhoIsHostingThis.c..
2021.09.06