본문 바로가기

web8

js fetch() 스터디. 작업할때 메모를 많이하는 편이다 따라서 웹서핑중에 북마크 역시 많이 하게 된다. 그래서 뭐 당연히 웹브라우저 북마크기능을 당연히 활용하고 하지만 이런저런 이유로 서버에 이런 즐겨찾기 페이지를 두고 활용하면 여러모로 편리하겠다는 생각이 들어서 막상 시작을 하긴했는데... 그렇게 쉽지만은 않다는 사실을 발견했다. 그냥 단순히 해당페이지의 url을 input란에 드롭하면 페이지 타이틀만 읽어와서 자동으로 넣어주는 아주아주 무지 간단한 기능을 생각하고 시작을 했는데.내가 아직 앎과 실력이 많이 부족한 탓인지 진행이 순조롭지만은 않다. 그리하여 이렇게 블로깅을 하면서 매우 작은 주제이긴 하지만 누군가 혹시 들러서 도와주지는 않을까 하는 생각에 블로깅 해본다. 너튭을 보면 누가 삽질하고 있으면 댓글을 통해 이리저리.. 2024. 10. 3.
__ counter __ counter 2024. 9. 24.
[dyna DOM] 동적 생성, Dynamic DOM, Div 동적생성 Div, id부여 Dynamic DOM, 동적 생성에 대하여 개발을 하다보면 자주 부딪히게 되는 부분이 "동적생성"이라는 부분입니다. 사용자의 요구 라든지  UI 특히 이러한 부분에서 상황을 미리 예측하기는 매우 힘들고 설계에 모든 가능한 것을 반영할 수 없기에 더욱 그러합니다.  그리하여 다양한 상황에 변화무쌍하게 프로그램이 돌아가게 만들면 매우 좋을것 같습니다.  w3school dynamic paragraphhttps://www.w3schools.com/jsreF/tryit.asp?filename=tryjsref_document_createelement4css, Js 부분을 따로 분리하지 않고 Html에 하나에 모은것은 바로 복붙 하여 바로 실행하면서 진행하는것이 좋기에 편리하게 할 수 있.. 2024. 9. 22.
js 자스 타임스탬프 javascript timestamp. 자바스크립트 타임스탬프 javascript timestamp 보통 primary key로 타임스탬프를 자주 이용합니다. 하지만 해당 데이터 자체의 가독성이 굳이 필요하지 않은 상황이라면튜플이나 레코더의 단지 key만 필요한 경우라면 가장 간단하게 바로 아래와 같이 쓰는것이 좋을것 같습니다.Just in need of KEY, situation.let lstmstmp;lstmstmp=Date.now();  하지만 데이터 자체의 가독성이 필요하면서 key로 쓸려면 아래와 같이 쓰면 좋을것 같습니다.Otherwise, on the other hand, Needing Readability of the KEY made of time. gotime stamp 2024. 9. 21.
dynadom 다이내믹 동적생성 div, timestamp 타임스탬프 id div내에 2개의 input필드를 자식노드로 가지고 있는 div오브젝트를 동적으로 여러개생성한다.div의 id 에대하여 타임스탬프 적용한다.생성div 타이틀 속성은 NEW로 초기부여 한다. 차후에 MODI, UPD로 변경하여 사용한다. dynadomdiv.html     Derived from prj bkp 2024.엄청긴 스크립트 혹은 라이브러리 필요성 아닌경우 한파일에 넣는것이 때로는 효율적이라 생각됩니다.특히 이런 설명후 셀프해보기 할때와 본문서를 새로 업데이트 할때또한 그런것 같습니다.즐코! 화이팅! 2024. 9. 21.
js 줄바꿈, 출력할때와 편집기 상에서, 개행 편집 알람표시 문제 : 알람창에서 줄바꿈 하여 표시하고 싶을때.가독성문제 : 자바스크립트 상에서 "" 문자열을 여러행에 걸쳐서 작성하고 싶을때.아래 예시를 참고합니다. SCRIPTfunction jfalarm1(){ alert("due!! dont forget to extend,\\r\n Your subscription will expire 2025 03");}​ 2024. 8. 3.