22년 3월 13일_brackets popup 넣기, React 강의 및 이미지 넣기

일요일[오잉? 벌써 일요일..? 증말?_냥빠본날, 넘 크게 넘어졌다.. 아파 흑]

1. brackets js 기능 넣기

2. 리액트 강의 수강

3. js 이미지 넣기

 

1. popup 띄우기 _popup코드만 공유합니다. _전체꺼는 어제꺼 참고.!

html	css	js
<div class="notice">         <h2>공지사항</h2>         <ul>             <li><a href="#" class="popupOpen">왜 이렇게 쓸쓸하지</a><span  <div class="popup">     <div class="popupwarp">         <h2>팝업제목</h2>         <p>팝업이름<br>         쓸말이 없는뎅.. 뭐라고하지         음..<br>         내가 이 팝업을 후에 시간이 지난 후 볼 떄에는          지금보다 <br>         삶의 만족도가 하늘높이 솟아있기를 바랍니다.         </p>         <a href="#">닫기</a>     </div> </div>	.popup{     display: none;     width: 100%; height: 100%;     background-color: rgba(0,0,0,0.7);     position: fixed; top: 0; left: 0; z-index: 100000; } .popupwarp{     width: 300px; height: 300px;     background-color: #fff;     margin: auto;     border: 1px solid #999999; padding: 20px;     box-sizing: border-box;     position: absolute; left: 0; right: 0; top: 150px; } .popup h2{     font-size: 12px; color: #666666; line-height: 18px; margin-bottom: 10px; } .popup a{     top : 20px;     display: block; font-size: 12px; text-align: right; } .popup a:hover{     color: brown; }	$(document).ready(function(){     $('.popupOpen').click(function(){        $('.popup').fadeIn(0);      });     $('.popup a').click(function(){         $('.popup').fadeOut(0);     });     });

 

2. react강의 수강

React Developer Tools설치

크롬에 아이콘 보여줌(개발버전, 프로덕션버전)

3. 이미지 갖고오기 - react

 

 

 

//yesterday wished to today list

. 택배홈페이지 레이어팝업 기능 넣기 ✔

. 리액트 강의 수강하기 ✔

. 리액트 js 및 이미지 넣는 방법 알아서 적용해보기 🤔_리액트js는 못함

 

tomorrow wish list

. 미니프로젝트 프론트단 다 만들기

. 의욕 떨어지지 않기

. 좋은 마음으로 한주 보내기