e7e

생각외로 많은 웹개발자들이 레이아웃(Layout)을 스스로 구성하지 못한당. 안타깝당. 예쁘게는 못해도 프로토타입(Prototype)은 잡을 수 있어야 하지 않겠는강? 어렵지 않은 걸 외면할 때 안타까움을 너머 부끄러움도 느껴진당. CSS position 속성에 설정 가능한 값은 아래와 같당.(요번에 확실히 알장!) static 기본값으로 배치를 브라우져에개 맡기겠다는 의미당 relative 브라우져가 배치하고 나서 내가 추가 조정을 하겠다는 의미 absolute 브라우져 왼쪽 모서리 기준으로 내가 직접 배치하겠다는 의미 문제는 절실한 순간에 필요한 건 아래 내용이란 거시당 부모: relative , 자식: absolute 자식을 부모 왼쪽모서리 기준으로 배치가능 left,top,right,bottom ..

자바스크립트 2023. 7. 6. 17:06

자바스크립트가 지금 처럼 제대로 언어로 대우받기 이전에도 사람들은 사실 대부분 자바스크립트를 무시하면서도 맘 속으로는 잘 하고 싶었고 부러워 했당. 2000년대 초반까지도 dhtml(dynamic html 동적 html)이란 말이 있었고, 자바스크립트를 쪼메 한다고 말하려면 마우스에 글자 따라 다니기를 구현할 수 있어야 했는데, snake 게임을 글자로 구현한 것이었당. 마리 기럭지가 기러지면 피곤하닝, 먼저 아래 소스를 실행해 보고 이야기 하장! mouseStr.html 아래 그림처럼 실행 될 것이당. 단 글자들이 뱀처럼 따라다니지 않고 한줄로 고정되어 따라다닌당.!(개선하장) 사실 이 로직은 쉬운 것은 아니지만, 한번은 해 볼 필요가 있당. 타이머에 의한 비동기 개념과, 다른 함수가 사용하고 있는 자..

자바스크립트 2023. 7. 1. 12:07

웬지 쪼메 쉬어갈 포인트인 것 같당!Built-In으로 제공되는 Math와 Date 클래스, 그리고 비동기적 성격을 가지고 있는 글로벌함수setTimout/clearTimeout에 대해 부담없이(물론 본인선택) 챙겨보장 MathMath는 전역(Global) 객체로  MDN Math에서 속성과 메소드 전체 리스트를 확인할 수 있당일반적으로 프로그램 작성시에 산수적인 부분은 꽤 자주 발생하는 부분이어서 Math는 생성없이 바로 사용할 수 있는 static 메소드를 가지고 있당그중에 필수라 생각되는 아래 코드의 4가지 정도만 확인하고 넘어가장!결과를 눈으로 확인했다면 알겠지만 Math.random()은 0과 1사이의 값을 발생시킨당0도 발생할 수 있다고 문서에 되어있지만, 아직 0이 발생하는 걸 본 사람은 없..

자바스크립트 2023. 6. 13. 17:40