분류 전체보기 (16) 썸네일형 리스트형 [HTML&CSS_003] CSS Selectors CSS Selectors you must memorize X + Y 인접 선택자라고 부르는 선택자이다. 앞의 요소 바로 뒤에 있는 요소만 선택한다. ul 뒤에 오는 첫 번째 단락의 텍스트만 빨간색이 된다. X > Y X Y와 X > Y의 차이점은 후자의 경우, 직계 자식만을 선택한다는 것이다. #container > ul 선택자는 id가 container인 div의 직계 자손인 ul만 대상으로 삼는다. 예를 들어 첫 번째 li의 자식인 ul은 대상이 되지 않는다. 이런 이유로 자식 선택자를 이용해 성능을 향상시킬 수 있다. X ~ Y 이 형제 선택자는 X + Y와 유사하지만 덜 엄격하다. 인접 선택자(ul + p)는 앞의 선택자 바로 뒤에 오는 첫 번째 요소만을 선택하지만, 이 선택자는 좀 더 관대하다... [HTML&CSS_002] 가장 많이 사용되는 HTML 태그 TOP28 HTML 태그 정리 1. : HTML 문서의 루트(최상단 요소)를 나타내며, “루트 요소”라고 부른다. 모든 다른 요소는 요소의 후손이다. 2. : 해당 문서의 제목, 스크립트, 스타일 시트 등이 온다. 즉, metadata(메타데이터란 기계가 식별할 수 있는 문서 정보 정도로만 생각해 두자)를 포함하는데, 예를 들면 저자, 설명, 그리고 HTML에 적용될 수 있는 CSS 또는 JavaScript 파일들로 연결되는 것들이 이에 해당될 수 있다. 참고로 최상위 제목, 작성자 목록 등 사람에게 보여야 할 정보는 가 아니라 에 써준다. 3. : HTML 문서의 내용을 나타낸다. 한 문서에 하나의 요소만 존재할 수 있다. 4. : 브라우저의 제목 표시줄이나 페이지 탭에 보이는 문서 제목을 정의한다. 텍스트만 포.. [JavaScript_002] passed by value, passed by reference 바깥에 있는 변수가 함수의 매개변수로 전달될 때 두 가지 경우가 있다. 변수의 값이 매개변수로 전달되는 passed by value와 변수가 가리키고 있는 주소가 매개변수에 전달되는 passed by reference이다. 이것은 자바스크립트라는 언어에서는 어떤 규칙으로 적용될까? primitive type은 모두 passed by value number(정수, 실수, NaN 모두) string boolean null(값이 유효하지 않을 때의 유형) undefined(자료형을 지정하지 않았을 때의 유형) Object는 passed by reference에 해당한다. 하지만 주의 해야할 것이 있다. 자바스크립트는 passed by reference로 a가 가리키고 있는 것 까지 바꾸지는 않는다. passe.. [JavaScript_001] Strict Mode strict mode는 자바스크립트 언어의 문법을 보다 엄격히 적용한 것을 말한다. 잠재적인 오류가 발생하는 것을 해결하기 위해 ECMA5부터 추가되었다. 자바스크립트 엔진 최적화 작업에 문제를 일으킬 수 있는 코드들에 에러를 발생시킨다. strict mode를 사용하려면 'use strict'; 를 추가하면 된다. use strict을 선언할 때는 반드시 코드의 최상위에 적어야 하며 그렇지 않으면 제대로 동작하지 않는다. 그래서 즉시 실행 함수로 스크립트 전체를 감싼 후 scope를 구분하고, 즉시 실행 함수에 strict mode를 적용하는 것이 가장 좋다. strict mode의 10가지 특징 1. var가 생략된 변수를 전역 객체에 바인딩 하지 않는다. 2. NaN = 5 같은 할당 구문은 불가능.. [Algorithm_001] 백준 1316번 그룹단어체커 그룹 단어의 개수를 출력하는 문제이다. 어떤 식으로 문제를 풀 것인지 전체적으로 보면 최종적으로 출력하는 값이 몇 개가 그룹 단어인지를 찾는 문제이기 때문에 몇 개를 의미하는 count 정수를 정의한다. 그룹단어여부를 체크하는 함수를 정의하고 첫째 줄로 입력받는 정수만큼 반복하여 그룹단어 만큼 증가시킨 count를 출력한다. 그래서 가장 핵심이 되는 부분은 체크함수 부분이다. [HTML&CSS_001] node-sass 간헐적 컴파일 시 나타나는 에러 scss 코드를 수정해서 컴파일 하여 css로 변환 하는 과정이 있지만 compile:sass의 scripts 부분에 -w (watch 속성) 옵션을 주게 되면 npm run compile:sass를 할 때 지속적으로 scss파일의 저장 상태를 감지해서 반영하게 된다. 그런데 아래와 같은 에러가 났다. 이 때 node-sass 모듈의 내부를 수정하면 해결이 되었다. 링크이다. https://github.com/marcosbozzani/node-sass/blob/bug-vscode-watch/lib/render.js 감사합니다. node_modules > node-sass > lib > render.js의 내용을 수정한다. [내 이야기_001] 나는 결국 돌아서 다시 한국에 왔다. 주절주절 떠드는 공간이라고 생각하고 내 생각을 두서없이 적어보겠다. 나는 일본에서 2년 3개월(정확히는 840일) 동안 살았었다. 2017년 1학기가 나의 마지막 학기였다. 나는 일본에 왜 갔을까?.. 나는 일본이라는 나라에 개인적인 호의도 없었고 여행도 한 번 간 적 없었다. 그럼에도 불구하고, 일본으로 취업을 정하게 된 이유를 지금 와서 생각해 보면 취업에 준비가 되지 않은 내 상황을 도피하고 싶은 마음과 해외에서 살아보고 싶다는 기대감이었다. 한국에서도 취업이 잘 되지 않는데 어떻게 일본에서 취업이 잘 될까 라고 물어볼 수 있지만 그 당시에 일본은 구조적인 이유로 취업률이 아주 높은 상황이었다. 졸업을 해 놓고 일본어를 공부하기 시작했다. 나는 정말로 일본어의 '일' 자도 몰랐었다. 일본어 기초 실.. [Java Web_001] Tomcat과 서블릿 프로그램 작성 자바로 작성된 웹 프로그램이 많다. 사용자가 요구하는 내용이 동적인 문서를 요구하면 이 코드(서블릿)를 실행해야 하며 이것을 가능하게 해주는 것이 바로 Web Application Server이다. 그래서 자바 어플리케이션을 개발할 때 사용되는 Web service기능과 주된 기능인 Web Application Server 역할을 해주는 톰캣을 설치해 보았다. 내 톰캣은 이곳에 위치하였다. 여러가지 디렉토리가 있는데 내 방식대로 정리를 해보면 - bin : 톰캣을 가동시켜주는 batch파일과 응용프로그램들을 모아놓은 디렉토리 - conf : server.xml(WAS동작과 관련된 xml파일인데 조금 어렵다...) - lib : servlet-api를 비롯한 JAR파일들을 모아놓은 라이브러리 디렉토리 - .. 이전 1 2 다음
