JavaScript 비교 연산자 script 언어는 equals()가 없고 연산자로만 표현한다. == 는 기존 equals()와 동일하다. ===와 !==는 타입까지 비교할 때 사용한다. 특수 연산자 delete 객체(Object), 개체의 속성(Property), 배열의 특정 인덱스에 있는 원소를 지우는 연산자이다. var 키워드로 선언된 변수는 삭제할 수 없다. delete가 실행 가능하면, 속성이나 원소가 undefined로 설정된다. 이때 배열의 길이에는 변화가 없다. 실행이 가능하면 true를 반환하고, 실행이 불가능하면 false를 반환한다. 정의할 필요 없이 한 번 쓰고 버리는 변수나 함수 같은 경우 delete 연산자 사용 시 메모리 관리에 효율적이다. in 저장된 객체에 해당되는 속성이 ..
JavaScript (JS) ECMAScript 브라우저에서 사용되는 JS 같은 것들은 모두 ECMAScript를 토대로 한다. 옛날 JS는 브라우저마다 함수와 기능이 달랐었다. 그래서 ECMAScript 명세에 맞추어 만들기로 하였고, 이게 표준이 되었다. use strict 모드 자바스크립트의 장점은 자유롭다는 거지만 이게 단점으로 적용하여 디버깅하기가 힘들 수 있다. use strict 모드를 사용하면 문법 검사를 브라우저 자체에서 타이트하게 해 준다. JavaScript 자료형 Boolean 타입 논리 요소를 나타낸다. true와 false 두 가지 값이 존재한다. Null 타입 null 하나의 값만을 가질 수 있다. Undefined 타입 값을 할당하지 않은 변수가 가지는 타입이다. Null 타..
CSS margin 겹침 (통합) 현상 (margin-collapsing) 두 개 이상의 margin 값이 세로 방향으로 만났을 때 하나의 margin으로 합쳐지는 현상이다. 이런 게 있는지 이번에 처음 알았는데 그동안 디자인할 때 왜 그렇게 margin이 안 맞았는지 이제야 알았🤣🤬 div가 위 아래로 위치해있다 가정하고, 위 div의 margin-bottom이 20px이고, 아래 div의 margin-top이 30px 일 때 두 개가 만나면 bottom, top이 합쳐진 50px가 아닌 둘 중 큰 값인 30px가 된다. line-height 폰트는 그대로 있고 폰트 위 아래의 행간이 넓어진다. background color | image | repeat | position | attachment | ..
2개월 동안 HTML부터 Spring까지 다시 복습하는 시간을 가져본다 ! 근데 어제는 정리를 안 했기 때문에 TIL가 아닌 YIL (Yesterday I Learned) HTML XML 구조 언어로 인터넷에서 기존에 사용하던 HTML의 한계를 극복하고 SGML(Standard Generalized Markup Language)의 복잡함을 해결하기 위해 만들어졌다. !DOCTYPE (문서형 선언 DTD) 문서형 선언 Document Type Definition 줄여서 DTD이다. (오 한글로 치면 ㅇㅅㅇ) !DOCTYPE을 사용해 브라우저가 현재 HTML5 또는 HTML4 또는 XHTML로 작업할 거라는 걸 알려준다. 브라우저가 해당 문서는 웹 버전이라는 것을 인식시키게 하므로 필수적으로 넣어야 한다. ..
티스토리 코드블럭 스킨 변경 티스토리에서 기본으로 제공하는 코드블럭을 사용하기에는 뭔가 예쁘지 않은 느낌이 있다. 플러그인에서 기본으로 코드 문법 강조를 제공하는데, 이전보다 테마가 많아졌다. ✨ highlight.js 현재 기본 제공해주는 테마 이외에 다른 테마도 사용해보고 싶으면 highlight.js를 사용하는게 가장 간편하다. highlight.js Version 10.3.2 Tiny tiny release, just to fix the website incorrectly not listing Javascript in the list of languages you could choose for a custom build. There are no other changes. highlightjs.or..
2021-10-18 프로젝트 약 한달 간 국비 교육 과정에서 스프링 웹 사이트 제작 팀 프로젝트를 진행하였다. 프로젝트 기간 동안은 되게 힘들었었는데 막상 다 끝나고 나니 추억보정이 되어서 좋았다고도 생각된다. 프로젝트 하느라 블로그에 소홀해진게 아쉽다 😨 1일 1블로그가 이번 년도 목표였는데... 개발 목표를 높게 잡았기 때문에 구현해야 하는 기능들이 굉장히 많았다. CRUD 같은 경우는 너무 당연하게 들어가야하는 부분들이 엄청 많아서 프로젝트 중반부부터는 그냥 외워진 정도였다. 덕분에 이제 스프링으로 게시판 만들기 정도는 말그대로 뚝딱 끝낼 수 있다.. 😂 크라우드펀딩 사이트를 제작했는데 구현하고 싶었던 필수적인 기능은 구현했고, API도 많이 사용했기 때문에 학교에서 했던 팀 프로젝트보다 더 실력을..
SQLD 시험 후기 9월 5일 일요일에 SQLD 시험을 봤습니다. 주변에서 워낙 쉽다고 많이들 말해서 저는 전공자라 공부를 많이 하진 않았어요. 2~3일 정도 공부했는데 점수는 좀 더 오래 공부한 정보처리기사보다 더 높게 나온 이상한 현상,,, 공부는 이기적 책을 가지고 했습니다. 다들 노랭이 책(SQL 자격검정 실전문제)을 추천하시는데 알라딘에서 SQLD라고 검색했을 때 이기적만 떠서 그땐 무슨 생각으로 그랬는지 이기적을 덜컥 샀어요. 사고 나서 이기적 책 후기를 보니 오탈자에 잘못된 내용도 많다고 해서 문제 풀 때마다 틀린 건 없는지 맘 졸이면서 풀었습니다 😥 노랭이 책은 수록된 문제가 시험보다 어려운 편이라고 했습니다! 이기적 책도 문제가 많이 수록되어 있어서 저는 나쁘지 않다고 생각했어요. 그런데..
본 글은 서평단에 선정되어 작성하는 글입니다. Do it! 인터랙티브 웹 페이지 만들기 웹 퍼블리싱은 학교에서 강의를 들으며 처음 배웠었고, 코드잇에서 진행되었던 코딩 캠프를 통해서도 복습을 하였었다. 학교에서 배운 내용만을 가지고는 내가 원하는 반응형 웹 페이지를 만들기에 부족함을 많이 느꼈다. 그래서 언제 한 번 제대로 웹 퍼블리싱을 배워보자는 생각을 했었는데, 기회가 되어 코드잇에서 웹 퍼블리싱 부분을 들을 수 있었지만 js부분 이후부터 제대로 들을 시간이 없어서(캠프 기간이 한 달로, 생각했던 것보다 짧기도 했다🙁) 내가 목표하는 바까지는 달성하지 못했었다. 그러다가 항상 눈여겨 보고있던 이지스퍼블리싱 페이스북에서 Do it! 인터랙티브 웹 페이지 만들기 책 서평단을 모집한다는 것을 알게 되었고,..
📺 Tistory와 Velog 📢 사용 후기 원래 Tistory로 블로그를 조금 하다가 좀 더 쓰기 편하고 손이 자주 가는 블로그가 있지 않을까 해서 여러 플랫폼들을 알아봤다. 개발 블로그로 쓰기에는 git 블로그도 있었고, Medium도 있었지만 아무래도 직접 꾸미는 데 손이 많이 갈 것 같았다. 그래서 가장 글 작성이 쉽고, 뜨고있는(?) Velog를 사용했다. 약 3주간 사용해봤는데 가독성도 무척 좋고, 글쓰는 게 정말 편리하다는 것이다. 사실 마크다운을 많이 사용해본 적이 없었기 때문에 벨로그를 사용하며 마크다운이 생각보다 더 편리하다는 걸 알게 되었다. 벨로그에서는 티스토리의 본문 1, 2, 3과 같은 글씨 크기를 지정할 수는 없지만, 기본적으로 글씨 크기가 크기 때문에 가독성이 좋아서 글이 한..
