반응형 전체 글139 0.1 + 0.2 = 0.3이 아니다? 소숫점 계산 시 주의 사항 0.1 + 0.2 = 0.3이 아니다? 코딩을 한창 재미있게 배우다가 어랏? 하게 되는 지점이 있습니다. 바로 '소숫점 계산'과 관련한 내용입니다. 일단 브라우저 console 창에 0.1 + 0.2를 실행해보시기 바랍니다. 원하는 결과를 확인할 수 있나요? 뭐라고라고라? Javascript 한테 다시 한번 물어보겠습니다. 0.1 + 0.2가 0.3과 같냐고 물어보니, 아니라고(false) 대답해줍니다. 뭐라고라? 내 머릿속에서는 0.3이라고 하는데, 컴퓨터는 0.30000000000000004라고 알려줍니다. 이게 어떻게 된 일 일까요? 다른 소수들을 가지고도 한번 테스트를 해보도록 합시다. 이런 계산 결과가 나온다는게 이상하기도 하고, 뭔가 좀 신기하지 않습니까? 컴퓨터는 원래 그렇게 계산해준다 곰곰.. 2023. 2. 7. z-index를 한 눈에 보여주는 - DevTools z-index z-index를 한 눈에 보여주는, DevTools z-index 웹 사이트를 만들다보면, 혹은 유지보수를 하다보면, 수 많은 작업자의 손을 거쳤던 웹사이트의 경우 z-index 속성이 어지럽게 얽혀 있는 경우가 많습니다. 왜냐하면, z-index를 999나 9999처럼 편의에 의해 높게 사용하는 경우가 발생하기 때문입니다. z-index를 대충 사용해서 결과물을 만드는 것은, 당장에는 당면과제를 쉽게 해결을 할 수 있는 방법이 될 수는 있을지 몰라도, 장기적으로 보면 내 뒤에 오는 미래의 작업자에게는 상당히 불편한 상황을 초래할 수 있는 일이기도 합니다. 웹문서에 적용된 z-index를 한눈에 볼 수 있는 방법이 없을까? 하는 지점이 생기게 마련인데요, 바로 이럴 때 DevTools z-index라는 .. 2023. 2. 6. ChatGPT3 도움 받아서 갤러리 오버레이 버튼 만들기 ChatGPT3 도움 받아서 갤러리 오버레이 버튼 만들기 갑자기 이런 버튼을 만들어 보고 싶어 졌습니다. 백그라운드로 들어 있는 이미지 위로 플레이 버튼이 가운데 올라가 있는 형태입니다. 대충 생각을 해보니, 이미지가 들어 있는 div는 position: relative를 주고 저 플레이버튼을 이미지(?)로 만들고 opacity로 투명도를 준 다음 position: absolute로 만든 다음 붕~ 띄워서 가운데 정렬을 하면 되는 것인가? 하는 생각이 들었습니다. 타이핑해서 코드를 작성하려다, 문득 어제 만났던 그녀가 ChatGPT3가 떠 올랐습니다. 만들기 귀찮으니 일단 ChatGPT3에게 질문을 개떡 같이 말해도 찰떡 같이 알아듣는 ChatGPT AI가 너무나 대견합니다. 요즘 제 업무를 참 많이 도.. 2023. 2. 5. [실무꿀팁] 반응형으로 백그라운드 이미지 넣기 1초컷 - Part 2 [실무꿀팁] 반응형으로 백그라운드 이미지 넣기 1초컷 - Part 2 초보시절 반응형 작업을 할 때, 글자들은 알아서 잘 흘러주기 때문에 비교적 다루기가 용이하지만, 이미지의 경우에는 떡하니 자리를 크게 차지하면서도 좀처럼 줄어들지 않아서 당황스러운 기억들이 납니다. 한달 전 즈음에, 웹문서에 이미지를 반응형으로 넣기 1초 컷이라는 주제로 포스팅을 했었습니다. 태그를 사용하면서 반응형으로 동작하도록 하는 아주 간단한 방법입니다. [실무꿀팁] 이미지를 HTML 문서에 반응형으로 넣기 1초컷 [실무꿀팁] 이미지를 HTML 문서에 반응형으로 넣기 1초컷 아주 간단하게 이미지 반응형으로 넣기 매년 연말 연시가 되면, 고객분들로부터 신년인사 팝업 게재 요청이 들어옵니다. 매년 반복되는 시즈널한 루틴업무죠. 인사말.. 2023. 2. 4. JS function 문법 기초 정리 JS function 문법 기초 정리 코딩을 공부하다 보면, 반드시 등장하는 게 함수(function) 일 것입니다. 많은 분들이 이미 함수에 대해서는 잘 알고 있을 정도로 유명(?)하고 익숙한(?) 존재일 수 있겠는데요, 너무 가까운 사이이다 보니 제대로 정리를 하지 않고 넘어가서 개념이 제대로 잡히지 않은 경우를 종종 보는 경우가 있습니다. 아주 쉽고 편리한 함수 문법을 이번 포스팅에서 간단하게 정리해두면서 기초를 다져놓고 가보기로 합니다. function 기본 문법 1 - 긴코드 축약해서 사용할 수 있음 함수를 사용하는 이유는 여러 가지가 있겠지만, '긴 코드를 축약해서 사용할 수 있다'는 이점으로 인해 사용됩니다. 아래의 코드를 브라우저 console창에서 실행을 해보면 어떤 결과를 표시해줄까요?.. 2023. 2. 3. SEO 최적화를 돕는, 이미지 Alt 속성에 Hypen 자동으로 넣기 SEO 최적화를 돕는, 이미지 Alt 속성에 Hypen 자동으로 넣기 최근 ChatGPT 등의 AI에 관심이 많아져서 그런가, 왠지 반복적으로 하는 일들을 줄여볼 수 없을까? 하는 고민을 부쩍 많이 하게 된 것 같습니다. 매일 한 개 정도씩 블로그 포스팅을 하다보니 은근 반복되는 작업이 많습니다. 가장 반복하기 싫은 일은 검색엔진이 잘 읽어낼 수 있도록 첨부된 이미지의 alt 속성값을 넣어주는 일인 것 같습니다. 하기 싫지만, 검색최적화를 위한다면 반드시 해주기를 권장하는 단순반복업무. 게다가 SEO(Seacrh Engine Optimization: 검색엔진 최적화)를 맞추려면, alt 태그에 들어가는 글자들을 공백 대신에 하이픈(-)으로 이어주는 게 좋다고들 그러더라구요.(저는 잘 모르는 영역이라, 카.. 2023. 2. 2. 이전 1 ··· 8 9 10 11 12 13 14 ··· 24 다음 반응형
