hediar / page-practice Goto Github PK
View Code? Open in Web Editor NEWModal, Button, Input, Select 구현하기
Modal, Button, Input, Select 구현하기
select 리스트를 ref로 가리키고 있게 만들고, 전체 div에 클릭 이벤트를 주어서 리스트 요소가 아닌 것을 클릭하면 숨겨지게 만들었습니다.
예제에서는 바깥 어느곳이든 클릭하면 사라지는데 제가 짠 코드는 html요소 내에서만 동작하기에 html요소가 아닌 빈 곳을 클릭하면 동작하지 않습니다.
어떻게 해야 좋을까요?
과제 필수기능들 잘 구현해주셨습니다~ 스타일드 컴포넌트에 props도 전달하면서 잘 사용하고 계신것 같아 보입니다.
몇 가지 개선되면 좋을점은
버튼의 크기도 props로 받아서 표현하였다면 더 좋았을 것 같고, select의 옵션들도 배열을 이용하면 더 깔끔하게 작성이 가능할 것 같습니다!
또 함수명에 xxx1, xxx2는 권장되지 않습니다~ 좀더 명확한 이름을 생각해보는 것을 추천해드립니다~
과제 하시느라 고생하셨고 다음 과제도 화이팅 입니다~
버튼을 눌렀을 때 색상을 임의로 지정했는데 기존 색상에서 어둡게 만드는 방법이 있을까요??
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.