nana_log

좋아하는 걸 좋아하는 나나 🤟

🐿/JS

자바스크립트 기본 https://ko.javascript.info/first-steps 엄격 모드 자바스크립트는 기존 기능을 변경하지 않고 추가만 하는 식으로 호환성 문제를 회피했습니다. 그런데 ES5(2009)에서 기존 기능 일부를 변경하게 되었는데요, 혹시나 싶은 문제를 피하기 위해 이 새로운 기능들은 기본적으로 비활성화 상태입니다. 새롭게 추가된 기능을 쓰고 싶다면, use strict라고 외쳐주세요. 그럼 '엄격 모드'가 됩니다. 이 주문은 주로 스크립트 최상단에서 외칩니다. 그래야 스크립트 전체가 엄격 모드로 적용되니까요. 만약 클래스와 모듈을 사용해 스크립트를 작성했다면 이미 엄격모드가 적용된 거나 다름 없어서 굳이 적지 않아도 됩니다. 기본 연산자와 수학 %(나머지 연산자): x % b 는 ..

2022. 1. 2.

🐿/CSS

reset과 normalize가 필요한이유 브라우저에서 가장 먼저 적용되는 스타일은? User-agent Stylesheet !! 이는 브라우저에서 제공하는 기본 스타일인데 브라우저마다 그 내용이 다름다름 그래서 똑같은 태그여도 Chrome, Safari, Edge 등 브라우저마다 다르다. 이렇게 브라우저마다 차이가 있으면 당연히 작업할 때 화딱지가 남 😵 따라서 ‘사전 정의한 스타일시트’를 적용해 각 브라우저의 기본 스타일을 무효화시키는 방법이 자주 쓰인다. 바로 reset 또는 normalize! 둘이 비스무리하지만 사실은 다르다는 거 허허허 reset vs. normalize reset 모든 브라우저 스타일을 ‘초기화’ 한다. 왜냐면 처음부터 다시 그려줄 거니까! 장점: 익숙한 방법. 그냥 새하얀 ..

2021. 12. 29.

🐿/JS

약해져야 알 수 있는 것 2021년의 끝. 매년 ‘벌써?’라며 놀라지만 올해는 더더욱 실감이 안 난다. 시간은 참 무상히 흐르지만 그렇기에 위안을 받기도 한다. 봄이 가지만, 다시 꽃피는 봄이 오는 것처럼. 해가 지지만, 다음날 또 해가 떠오르는 것처럼. 나의 작고 반짝였던 한 해. 완벽하진 않았지만 꽤 괜찮았어. 작년도 의도치 않은 상황들로 인해 참 힘들었는데, 올해도 고민으로 가득하고 눈물로 얼룩진 해였다. 나는 항상 고민이 많았다. 그리고 불만도 많았다. 항상 ‘다음’을 생각했다. 내가 있는 곳이 완벽한 곳이 아니기 때문에, 언제나 더 나은 곳을 염두에 두어야한다고 생각했다. 연초에 대리 직급을 달았을 땐 참 묘한 기분이었다. 지난주까지는 내 이름을 불러주던 사람들이 ‘대리님’이란 직급으로 부르고,..

2021. 12. 29.

Blog/etc.

"크크킄 그녀석은 기사 중 최약체지" 라는 말을 듣는 정처기지만, 아무튼 합격했습니다! 모로 가도 땄으면 된 걸로 ;) 이런저런 일로 포스팅을 미루고 있었는데, 이것도 안 쓰면 또 까먹을 거라 더 늦기 전에 써봅니다. 혹시 관련 담당자분들 지나가다 보시면 저희 수험자들의 처절한 마음 좀 알아주시길... 🥺 2021 3회차 정보처리기사 실기 후기 3개월 노가다 정처기 필기를 2021년 1회차 때 응시했지만, 공부하기 너무너무 싫어서 😵 미루고 미루다가 올해가 가기 전엔 끝내야겠다는 마음으로 3회차를 준비했습니다. 일단 전 비전공자고 직장인입니다. 와 자체 하드모드! 하지만 1트에 시험을 끝내고 싶어서 준비기간을 좀 길~~게 잡고 3개월 정도 달렸습니다. (물론 이게 다 공부 시간 아닌 거 아시죠...ㅎㅎㅎ..

2021. 11. 27.

Blog/Loves

재작년에 하고 싶었던 일을 올해 8월에 끝낸 사람이 있다?!! 드디어!!!! 책으로 만들었씁니당!!! (자랑자랑) 재작년 11월부터 써온 일기를 묶어 제본했습니다 ✌️ B6 사이즈로 하드커버, 총 220 페이지입니다. 작년 회고록에도 썼지만 일기를 종이책으로 만들겠다는 의지를 불태워가며 썼었는데, 어쩌다보니 8월이 돼서야 제본을 끝냈네요 허허허 그래서 자랑할 겸 이 프로젝트를 소개하는 글을 씁니다 😚 (여러분 일기 써보새오 아주 조아요) 매일 글쓰기 이 프로젝트를 시작한 진짜 이유는 책 만들고 싶어서. 종이 책 팔랑팔랑 넘기면 기분 좋잖아요!! 하드커버 보고 있으면 예쁘잖아요!!! (책을 자주 읽는가는 차치하고) 넵, 그냥 책 한번 만들어 보고 싶었어요. 제본이야 맡기면 되니 어려운 일은 아니지만 문제는..

2021. 8. 7.

Blog/CSS

프롤로그 "CSS 인생은 전처리기를 도입하기 전과 후로 나뉜다" ......이런 말은 없지만, Sass를 배우면 CSS 작성이 짱짱 편해집니다. 신입 퍼블리셔부터 스타일시트 관리를 하는 개발자까지, Sass에 대해 한번 정도 슥- 읽어두면 도움이 많이 될 거에요! 그래서 최대한 쉽고 편하게 익힐 수 있도록 시리즈물(?!)로 글을 써봅니다. 분량이 얼마나 될진 저도 몰라요 ∠( ᐛ 」∠)＿ 헿 (총 4편의 시리즈가 되었습니다 ✌️✌️) 아무튼 Sass 시리즈 1. 시작하기 - Sass 개념, 컴파일러 설치 👈 Here! 2. 기본 작성법 익히기 - 중첩, 참조, 변수, 보간 3. 더 편하게 CSS 다루기 - mixin, extend, 모듈화(import/use) 4. 더 멋지게 활용하기 - 흐름제어, 내장..

2021. 7. 10.

Blog/Markup

프롤로그 가끔 이렇게 type을 명시한 버튼을 마주칠 때가 있는데 전 항상 궁금하더라구요. "아니 버튼이면 버튼이지 버튼 타입 버튼은 대체 뭐람" 그러고보면 비슷하게 타입을 명시하는 이라는 것도 있었던 거 같은데요...? 도대체 타입은 왜 달려있는가! 그 이유를 한번 찾아보았습니다 🔍 버튼 타입 = 버튼? Q. button에 type="button" 을 지정해주는 이유? A. 그게 디폴트가 아니니까요! button의 type에는 3가지 값을 지정해 줄 수 있는데 각각 submit, reset, button입니다. 만약 아무런 값도 지정하지 않았다면 기본값은 submit이 됩니다. 그러니까 === 인 셈이죠. 따라서 form 태그 내에서 button을 사용할 때 타입 명시가 없다면 기본적으로 'submit..

2021. 5. 1.