전체 글 492

addeventlistener for loop 문제2

addeventlistener의 파라미터 펑션은 anonymous function이라고 한다. 함수에 이름 등 구별자 아무것도 없이 으로 시작하는 것들 등이다. 따라서 선언 이후 접근이 불가능해진다. 어쨌든 전에 말했던 포인터 문제를 회피하기 위해서는 클로저가 필요한데 이는 형식이고 Immediately-Invoked Function Expressions라고 불린다. https://stackabuse.com/javascripts-immediately-invoked-function-expressions/ 또는 w3s에서 Self-Invoking Functions라고 적혀있다. 아니 근데 클로저가 저걸 말하는게 맞긴 한가? 지금 보면 저건 지역변수랑도 상관 없이 그냥 self invoke라고 되어 있는데. ..

개발일지 2022.06.24

addeventlistener for loop 문제

포 루프에서 addeventlistener 쓰면 문제가 생긴다는데 죄다 스코프 얘기만 하지 그게 왜 문제인지는 말을 안하고 있다. (티스토리 다음검색 밴 대응 이미지 처리 완료) 논리적으로 이것밖에 말이 안된다. 예시들 여러개 봤는데 위와 같은 현상 재현 코드에서 분명 버튼 5개는 숫자 0~4까지 제대로 표시되어 만들어졌다. 이걸 보면 for 루프 내부에 대놓고 쓰인 i는 무조건 제대로 적용된다. 근데 버튼 누를시 작동 펑션 내부의 {i사용 어쩌구}를 사용한 출력문은 5가 나온다. 당연하지 for 이터레이션 시작 전 검사 직전에 4에서 1을 더해서 최종 정지값은 5니깐. 근데 모든 버튼이 눌러도 5가 나온다는건 포 루프 내부의 함수의 i를 써 둔건. 즉 {i사용 어쩌구}는 {i의 포인터를 사용한 어쩌구}..

개발일지 2022.06.24

입력 문제

css 버전업이 되면서 대충 필요한건 다 알아서 넣는 것 같다. html도 표준이 없는지 서로 싸우다가 한쪽으로 굳어지는것처럼 보인다. 버전입력의 문제는 한번 찾아보니 position relative - absolute로 간단하게 해결할 수 있는것처럼 보인다. 단 앱솔루트는 상위 개체의 포지션을 앵커로 잡는다. 그래서 상위개체 포지션을 relative로 두는걸로 보이는데 정확히는 모른다. following text의 경우 fixed와 sticky로 해결 가능하다. 이전의 한 줄에 왼쪽정렬 오른쪽 정렬 우겨넣기는 두개의 포지션으로 해결 가능하다. ---- absolute가 상위를 가져올때 문제가 발생했다. 검색결과 absolute 사용하면서 원하는 elements를 offset으로 설정하는 기능은. 없다!..

개발일지 2022.06.24

버전입력 문제

p, div등 오른쪽 위에 중폭으로 표시하기 위해서. inline을 사용하지 못한다. 아 그리고 span도 사용하지 못한다. 왜냐하면 span은 주어진 text나 컨텐츠에 맞춰서 지가 알아서 최저한도의 높이와 폭을 제한해 버리기 때문이다. 따라서 text-allign 사용해봤자 의미가 없으며 이 의미 때문에 inline 맥이고 얼라인 해봤자 의미가 없다. 그럼 어떻게 하느냐. 1. position relative 쓰는 방법 2. float 쓰는 방법이 있다. 난 2번째 껄 쓸 것이다. 는 안 쓸 것이다. float를 가능하면 피하라고 하고 clear을 해야 한다고 해서 위의 1번 방법을 사용할 것이다. https://css-tricks.com/left-align-and-right-align-text-on..

개발일지 2022.06.24