본문 바로가기

분류 전체보기954

페이스북 피드(게시글) 웹 페이지에 내장하기 - Embedded Tag 페이스북 피드 퍼가기 페이스북에 페이지 글을 딱 한 개가 아니라 피드 목록을 나의 웹에 내장(Embed)하고 싶다면 이 글 딱 집중~! 이전에는 'Like Box'라고 하는 기능으로 iframe 형태로 퍼갈 수 있었는데, 근래에 API가 바뀌면서 'Page Plugin'이라는 명칭으로 바뀌었다. (이전 라이크 박스 시절에 퍼갔다면 지금 글이 안 보이고 있을 것이다.) 접속 경로 : https://developers.facebook.com/docs/plugins/page-plugin 링크를 생성하는 방식은 이전과 동일해 보인다. 비록 개발자 페이지이긴 하지만, 계정이 없어도 상관없다. 뭐 이 글은 개발자들이 보고 있을 테니, 아래 값에 대한 설명은 필요 없을 것 같다ㅎㅎ 하단에 체크 박스는 노출하는 설정에.. 2021. 12. 11.
자바스크립트 Uncaught SyntaxError: missing ) after argument list 오류 해결 Uncaught SyntaxError: missing ) after argument list 웹 프로그래밍을 하다 보면 흔히 발생하는 문법 오류가 있다. 그중 위와 같은 오류가 발생했다면, (경험상) 대부분 세 가지 오류에 해당된다. 01 괄호 오류 정말 말 그대로 괄호를 빼먹은 케이스다. JSTL을 사용 한다면, '}' 또는 '{'를 실수로 빼먹을 수도 있고 '(' 또는 ')' 를 빼먹을 수도 있으니 브라우저의 콘솔로 확인해보자. 02 ' 또는 " 오류 실수로 ' 또는 "를 추가로 넣은 경우 발생한다. 예를 들어, 아래처럼 입력하면 오류가 나지 않는데, var aa = "뿌잉 뿌잉"; var bb = "오빠 " + aa; var tmp = "오빠" aa; 또는 var tmp = "오빠 + aa; 와 같.. 2021. 12. 9.
갤럭시 S22, 플러스, 울트라 예상 디자인과 스펙 (거의 확정) 삼성 갤럭시 S22 이제 눈 앞에?! 2022년 2월 초에 출시가 유력해 보이는 삼성의 갤럭시 S22. 일반 S22는 기존과 디자인이 동일할 것으로 보이고, 울트라의 경우 그동안 후면에 P, 물방울, 심지어 왕 눈알 카메라 까지.. 다양한 루머가 있었는데요, 현재는 물방울 카메라 디자인이 가장 유력해 보입니다. 그 외에 스마트폰 스펙도 많은 루머가 있었는데, 이제는 점점 좁혀지고 있습니다. 그래서 이번 포스트에서는 새로운 디자인으로 출시되는 갤럭시 S22 울트라 위주로 상세히 소개해 드리고 나머지 모델은 스펙 위주로 소개하겠습니다. 갤럭시 S22 울트라 예상 이미지 01 갤럭시 S22 예상 디자인 기본형 S22와 S22 플러스의 경우 S21과 거의 동일한 디자인으로 출시될 가능성이 높습니다. 차이점은 배.. 2021. 12. 6.
깃허브 레파지토리 public, private 전환 방법 깃 레파지토리 공개/비공개 전환 깃허브에서 레파지토리의 공개 여부를 변경할 수 있는 설정을 소개합니다. 엄청 간단하지만, 헤매는 분들도 있을 수 있기에 자세히 정리해 봤습니다ㅎㅎ 우선 아래 깃 레파지토리를 보면 Public인 것을 볼 수 있는데요, 그렇게 되면 아무나 fork 뜰 수 있으니 위험하겠죠? 해당 레파지토리 > Settings > Manage Access로 이동합니다. Who has access 밑에 Manage 링크를 클릭합니다. 그다음에 Change visibility를 클릭합니다. 필요 없다면 delete을 하면 되겠죠? 다음으로는 Make private을 클릭하고 하단에는 레파지토리 명칭을 key in 해주면 됩니다. 반대로 공개하고 싶은 경우 Make public을 선택하면 되죠. 아.. 2021. 12. 2.
CSP (Content Security Policy) 설정 - 웹 취약점 막기 Content Security Policy CSP 설정은 웹 XSS (Cross-site_scripting) 공격을 막아주는 설정으로 브라우저는 보통 호출하면 모든 리소스를 로딩하게 되는데, CSP 설정을 응답 헤더에 적용하면 조건에 부합하는 리소스만 받게 된다. 지정된 리소스 외에는 모두 막기에 공격을 막는데 조금 보템이 될 것이다. CSP 설정은 아래와 같이 리소스의 종류를 선언하고 URL을 붙여서 선언하게 된다. Content Type 설명 default-src Serves as a fallback for the other fetch directives connect-src Restricts the URLs which can be loaded using script interfaces font-sr.. 2021. 11. 28.
자동차 관리 앱 추천! - 마이클 자동차 관리, 앱으로 하기 나의 소중한 자동차, 소모품만 잘 관리해도 많은 고장을 예방할 수 있는데요, 소모품의 종류가 많기 때문에 전부 다 기억하기가 쉽지 않죠.. 이때 자동차 관리 앱을 활용하면 많은 도움을 받을 수 있습니다. 여러 앱 중에서 제가 사용 중인 마이클이라는 앱을 소개해 보겠습니다. 마이클 앱 소개 앱을 실행하면 다음과 같이 메인이 구성되어 있습니다. 저 같은 경우 차를 등록했고 오일 및 필터를 교체했기에 관련 정보가 노출되고 있습니다. 처음 등록하는 분들도 매우 간단하게 차 번호와 명의자 실명만 입력하면 세부 차종까지 자동으로 연동됩니다. 다른 정보 아무것도 없이 차번호만 입력해도 연식을 비롯한 자동차의 재원이 세부적으로 확인 가능하기에 소모품을 교체할 때 매우 유용합니다. 특히 DIY.. 2021. 11. 25.

티스토리툴바