인생은 파도타기

개요 동적으로 태그에 하위 요소를 넣어야하는 작업이 있었는데, onClick 이벤트로 Object를 전부 넘기고 싶었다. 하지만 onClick 이벤트로 함수를 만들어 넘길 때 Object를 콘솔로 확인해보니 [Object Object] 로 뜨며 정상적인 상태가 아니었다. 해결방법 구글링에선 다양한 방법들이 제시되었지만, 딱히 유효한 방법을 찾지못하다가 생각난게 dataset 이다. onClick=functionName(this) data-value=object 식으로 넘기면 가능할거같았다. 예제코드 const htmlTable = $("#table"); for(...) { htmlTable.append(` `); } 그냥 Object를 넘기면 값이 제대로 넘어가지 않아서 JSON.stringfy로 문자열..

이번 포스팅은 간단하게 내가 지금 어떤 고민을 하는지 기록해두기 위해서다. 지금 나는 학원 파이널 프로젝트로 Spring framework 를 통한 웹사이트를 개발하고 있는데, 한 사이트에 이벤트(행사) 페이지를 맡아서 진행중이다. 당연히 이벤트 페이지같은 경우 이미지의 비중이 굉장히 큰만큼, 스타벅스같은 사이트처럼 이미지 위주의 페이지로 꾸며보고 싶었고, 본문내용과 이미지를 함께 쓸 수 있도록 구현해야했다. 이미지 없이 text 로만 CRUD 기능은 구현했지만, 이미지를 활용하기 위해 textarea 를 다른 방향으로 바꿔서 에디터형식? 블로그? 처럼 이미지와 텍스트를 함께 표시하고 싶었다. 그러다 찾은데 태그에 contentEditable 이라는 기능이다. 이 기능이 참 재밌는게 이 기능하나로 블로그..