CDN 추가하는 방법은 생략합니다. Regular Style (far) 는 font-weight가 없어도 되지만 font-weight 600을 주면 Solid Style (fas)이 된다. 즉 Regular Style (far) 과 Solid Style (fas) 이 함께 존재하는 폰트의 경우 유니코드가 같으므로 font-weight을 통해 Regular Style (far) 과 Solid Style (fas)를 사용할 수 있다. [crayon-5deb710b6996b844602491/] Solid Style (fas) 는 Regular Style (far) 과 다르게 font-weight 600 이상 또는 bold 값을 넣어야 사용 할 수 있다. 즉 Regular Style (far) 를 지원하지 않는 폰트이다. [crayon-5deb710b6996f457041619/] Brands Style (fab) 는 font-family 에 Free 가 아닌 Brands 를 넣어야 한다. font-weight을 넣어도 되고 넣지 않아도 된다 즉 Regular Style (far)과 같다. [crayon-5deb710b69971050208184/] FontAwesome  HTML <i> 태그로 이용 할때 class 에 fa-spin을 추가하면 돌아가는 모습을 볼 수 있다. CSS3에서 Unicode를 사용할 때는 아래와 animation 과 keyframes를 이용하면 fa-spin 과 같은 결과를 볼 수 있다. [crayon-5deb710b69973292578703/]  

X-Frame-Options iframe 에 외부 url을 넣을 경우 페이지가 분명 존재함에도 iframe에 표시가되지 않을 때가 있다 이때 크롬개발자 도구를 Console을 보면 아래와 같은 메세지를 확인 할 수 있다. [crayon-5deb710b69cd5206081909/] X-Frame-Options 은 숨겨진 링크를 사용자를 속여 클릭하게 만드는 Clickjacking 을 방지하기 위한 옵션으로 X-Frame-Options의 경우 아래와 같이 3가지 옵션이 존재한다. DENY SAMEORIGIN ALLOW-FROM http://example.com/ DENY의 경우 iframe에 페이지를 표시 할 수 없다. SAMEORIGIN의 경우 같은 도메인을 사용하는 사용하는 페이지만 표시 할 수 있다. ALLOW-FROM의 경우 지정한 도메인의 페이지만 iframe에 표시할 수 있다. 위 설정은 HTML에서 변경 할수 없고 서버관리자에 의해서 수정될 수 있다. Ubuntu 16.04 LTS Apache2의 경우 /etc/apache2/conf-available/security.conf 파일을 수정함으로써 변경 또는 사용을 중지할 수 있다. [crayon-5deb710b69cda113221166/] 대략 70번째 줄에 위치하고 있으며 쌍따움표안에 값을 변경하면된다 사용하지 않을 경우  Header 앞에 #으로 주석을 걸어 줌으로써 기능을 정지 시킬 수 있다.   자세한 내용은 아래의 링크를 참고 https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options

웹사이트를 운영/제작하다 보면 인터넷 캐시 때문에 CSS, JavaScript 파일이 바로바로 적용이 안 될 때가 있다. 캐시를 지우거나 link 태그에 style.css?ver=1 이러한 식으로  수정할 때마다 숫자를 올려 적어 넣어서 할 수 도 있으나 한두 번도 아니고… 매번 그런다면 정말 짜-증나는 일이 아닐 수 없다… 그래서 인터넷을 뒤적이다 파일이 수정된 시간 정보를 가져오는 방법을 알게 되어 아래와 같이 정리해 보았다. 앞으로 JSP에서는 아래와 같이 한다면 한결 편할 것이다. 소스는 아래와 같고 [crayon-5deb710b69dcb420871523/] 적용 방법은  css나 js 파일명 뒤에 xxxx.css?ver=<%=fmt.format(lastModifiedStyle)%> 이처럼 적으면 되고, 파일이 수정될 때마다 자동으로 수정된 시간 정보를 불러올 것이다. [crayon-5deb710b69dcf974898458/] 적용 후 소스 보기 했을 때 결과는 아래와 같다 [crayon-5deb710b69dd1820427993/]

먼저 설명에 앞서 아래의 예제 소스를 컴파일하고 문자를 입력해보자. [crayon-5deb710b69ed1680462369/]   위의 예제 소스를 컴파일하고 정수를 입력해야하는 곳에 문자를 입력하게 되면 분명 아래와 같은 에러 메세지를 볼 수 있을 것이다. [crayon-5deb710b69ed4093540660/]   이는 입력된 값이 일치하지 않다는 뜻으로 아래와 같은 방법으로 해결 할 수 있다. [crayon-5deb710b69ed6571306950/]    

C / C++ 를 공부하는 입장에서 Visual Studio 2017 을 설치를 하고 프로그래밍을 하면 좋겠지만 5gb가 넘는 용량과 서피스3 Pro를 쓰고 있는 나에겐 상당히 무거운 프로그램이다. 그래서 예전부터 주로 사용해오던 Notepad++ 에서 C / C++ 를 컴파일하는 방법을 찾아보고 나와 이 글을 보는 분들을 위해 아래와 같이 정리 해본다. 1. MinGW-W64 다운로드 및 설치 MinGW-W64에 대한 자세한 정보는 아래의 공식 사이트 또는 위키백과를 참고 바란다. 공식 사이트 https://mingw-w64.org 위키백과 https://ko.wikipedia.org/wiki/MinGW  아래의 공식 다운로드 사이트로 이동  https://sourceforge.net/projects/mingw-w64  Download 를 클릭하고 mingw-w64-install.exe 를 다운받는다.  다운받은 ming-w64-install.exe 를 실행하고 Next를 클릭하여 다음 단계로 넘어간다.  Settings 에서 Architecture 는 i686 에서 x86_64 로 변경하고 Threads는 posix 에서 win32 로 변경하고 Next를 클릭하여 다음 단계로 넘어간다.  Installation folder에서 Destination folder 아래의 설치 경로를 전체 선택후 복사한다. Next 를 클릭하여 다음 단계로 넘어간다. 설치가 완료되면 Next를 클릭하여 다음 단계로 넘어간다.  Finish를 클릭하여 설치를 마친다. 2. 환경 변수 설정  키보드에서 [Win] + [r]  를 눌러 실행을 실행한다. sysdm.cpl 를 입력하고 엔터 또는 확인을 클릭하여 시스템 속성을 실행한다.  시스템 속성에서 고급 클릭하고 고급 하단의 환경 변수(N) 버튼을 클릭한다.  환경 변수에서 하단 시스템 변수(S) 아래에서 Path 를 찾아 선택하고 편집(I) 를 클릭한다.  새로 만들기를 클릭하고 위에서 복사해둔 mingw-64의 경로를 붙여넣기 하고 그 뒤에 \mingw64\bin 를 추가한다. ex. C:\Program Files\mingw-w64\x86_64-7.2.0-win32-seh-rt_v5-rev1\mingw64\bin 확인을 클릭하고 환경 변수 또한 확인을 클릭하여 설정을 […]