Skip to main content

250730


실패율 ok 너무어려워서 내일 복습

방문길이 못함


배열비교하기 ok

문자열묶기 ok

배열의길이에따라다른연산하기 ok

뒤에서 5등까지 ok


집에가서 크롬익스텐션 가로로길게 url 줄이는거 API써야함

코드펜에서 가로로 긴 알림 박스 템플릿 없으면부트스트랩

가로로 긴거


url 변환

url 복사

간단하게



ㅇ내가찾던것

https://codepen.io/gerpo/pen/MarZyj

https://codepen.io/blehnert/pen/zYyMZO

https://codepen.io/takeradi/pen/mPyYeq


textbox아니고 inputbox

인풋박스는 한줄 짜리 텍박은 여러줄

내가필요한건모다?

인풋박스이다이말씀이야



https://buly.kr/

이것처럼 간단하게 만들고싶다

이 사이트 아쉬운점...

URL을 줄인 후 input 박스를 다ㅅㅣ 클릭해도 글자가 자동으로 사라지지 않는다

이것때문에 다음 url 줄이려고 하면

입력 흐름이 끊겨서번거로움


항상 create new 버튼 같은거 눌러야 새 입력을 받을 수 있음...

이렇게 하는 이유가 있나???


대부분 웹사이트에서는 한번 처리가 끝나고

input 박스 클릭하면 기존 url 이 선택되고

바로 사용자가 새 URL을 입력할 수 있다


여기에 많이 쓰이는게 onfocus

focus는 우리가 클릭하거나 Tab키 이동할 때 ​반응한다.

의도치 않게 선택되거나 지워지는 것도 방지가능


onclick이랑 onmouseenter은 ㄴ잘 안쓰인다

그이유는 ㅐ onclick은 클릭했을 때만 동작하는데

이미 한번 선택된 후에는 재클릭해도 이벤트가 안 먹힐 수 있다고한다 (브라우저마다 다름)

이름도 복잡한 onmouseenter 은 마우스가 올라오기만 해도 자동 선택되;서

예상치 못한 동작이 생겨서 오히려 UX가 불편할 수 있음 (요즘 잘 안 씀)


아이고 졸리다