본문 바로가기

디지털노마드

 (62)
워드프레스 테마 설치하기 내 웹페이지에 옷입히기 - 테마(Theme) 설치하기 1. 워드 프레스 기본 테마 -부모 테마(Parent Theme) 설치하기 1. 워드프레스를 처음 시작하면 아래와 같은 밋밋한 레이아웃의 플랫폼을 보게 됩니다. 여기에 옷을 입히는 작업을 하려면 워드프레스의 테마를 이용해 설치합니다. 워드프레스의 대쉬보드(dash board)에 들어가 봅시다. 2. 대쉬보드에 들어가서 Apperance -> Themes를 선택합니다. 3. 아래 창 처럼 기본 테마가 설치되어 있는것을 볼 수 있습니다. 일반적으로는 기본테마보다 새로운 테마를 부모 테마로 (Parent Theme) 설치하고 거기에 부족한 내용을 자식테마 (Child Theme) 여기서 Add New Theme 를 선택합니다. 4. 테마창에 다양한 테마들이..
워드프레스 시작하기 - 워드프레스 설치하기 워드프레스는 해외에서 60~70%이상의 회사들이 사용하는 툴입니다. 무엇보다 강점은 사용자관리가 편리하고 템플릿이나 플러그인을 사용해 얼마든지 홈페이지를 다이나믹하게 바꿀 수 있다는 점이 매력적이기 때문입니다. 웹디자이너들과 웹 프로그래머들이 협업해서 일할때에도 어떤 툴보다 강력하게 효과를 낼 수 있는 툴이기 때문에 앞으로도 보다 사용빈도가 높아질 것으로 예상됩니다. 이 채널에서는 워드프레스를 직접 개발해보고자 하는 워드프레스 개발 기초부터 시작해 보도록 하겠습니다. 먼저 워드프레스 홈페이지에 들어가 봅시다. 디자이너는 wordpress.com 에서 시작하실 수 있고, 개발자는 wordpress.org 에서 시작할 수 있습니다. 여기서는 본인의 컴퓨터에 직접 설치해보는 작업을 해보겠습니다. 각 사이트의 ..
레이디 가가와 어도비 크리에이티브 공모전- Lady GAGA & Adobe Contest 어도비에서는 팝스타들과 크리에티브 콜라보를 진행하고 있습니다. 올해 초에는 마쉬멜로우와 콜라보해서 공모전을 했었는데, 이번에는 레이디 가가와 진행합니다. 이번에는 공모전 참가자도 북미지역과 일본 등에 국한되던 것이 확대되어 한국에서도 참가자를 받고 있네요. 많은 분들이 지원해서 상금($10,000)도 타고 본인의 디자인을 세계적으로 알릴 기회를 얻으시면 좋을 것 같습니다. 어도비 콘테스트의 내용 레이디 가가의 신곡 "Rain On Me"의 뮤직비디오와 음악을 듣고 Adobe 앱을 사용하여 "Rain On Me"의 노래에서 영감을 받은 포스터를 만드는 것입니다. 최우수상 수상자에게는 $ 10,000 (또는 현지 통화로 이에 상응하는 금액)과 포스터의 (서명된) 사본이 제공됩니다. 이 대회는 미국, 호주, ..
구글 애드센스, 4번 도전 만에 드디어 승인 받다! 안녕하세요! 요즘 프로그래밍 숙제로 인해서 포스팅을 못했습니다. 그런데, 오늘 드디어 기쁜 소식이 생겨 글을 올리게 되었네요. 오늘은 드디어 4번째 도전만에 구글 애드센스 승인이 되었습니다. 처음 글을 포스팅하고 글이 10개 정도 였을때 무작정 승인 신청을 했는데 2주후 '구글 정책에 위반되어서 승인이 거절 되었다'는 메일을 받았습니다. 그래서, 인터넷에서 승인거절후 재승인 관련해서 여러 관련글들을 찾아보고 다시 신청했는데, 다시 승인 거절 되었습니다. 그 후로도 열심히 글을 썼는데, 왜 승인이 안되는 걸까? 하고 이것저것을 나름의 분석을 한후 여러가지 글도 수정하고, 이미지도 수정하고 3번째 신청을 했으나 결과는 동일한 거절 메일이 왔었습니다. 짧은 기간안에 여러번 거절을 받으니 힘도 빠지고 원래 글을..
웹 문서에 글과 숫자 출력하기 - String, Variable, boolean 1. 웹문서에 글자 출력하기 innerHTML 에 이벤트로 아래와 같이 자바스크립트 문서를 만들고 저장합니다. 그리고 HTML 문서에서 하이퍼 링크 또는 버튼에 id를 넣고 호출해 줍니다. 이때 id로 부터 값을 가져온다는 의미의 document.getElementById 를 적어줍니다. 아래와 같이 HTML 문서에 적어줍니다. 버튼을 누르면 문서에 글자가 나타납니다. 이곳이 바뀝니다. Click Me! 다음과 같이 자바스크립트안에 HTML 태그를 넣어 출력되는 글자의 스타일을 지정해 줄 수도 있습니다. 이곳이 바뀝니다. Click Me!2. 변수를 활용한 텍스트 출력하기 - Variable자바 스크립트 변수는 "var", "let"또는 "const"변수를 사용하여 설정할 수 있습니다. var, let ..
알림창 띄우기- alert window, prompt, confirm 1. HTML 태그안에 바로 넣기 아래와 같이 HTML 태그안에 바로 넣으면 간단하게 경고창을 띄울 수 있습니다. Click Me 2. HTML 태그안에 자바스크립트를 적어넣기 아래와 같이 HTML 태그안에 자바스크립트를 적어 알림창을 띄웁니다. 자바스크립트의 길이가 적은 경우에 사용됩니다. 사이에 적거나 HTML 문서의 맨 아래쪽에 적습니다. const btn = document.getElementById('btn-say-hello'); btn.addEventListener('click', function(){ alert('Hello from JavaScript!'); }); 3. HTML 태그안에 외부 자바스크립트 파일 링크 걸기 아래와 같이 HTML 태그안에 링크를 걸어 알림창을 띄웁니다. 자바스크..
앱인밴터로 로또앱 만들기 이번 주 계획한 프로젝트 앱은 로또입니다. 현재 30% 정도 개발되었는데요, 지금까지 어떻게 작업하고 있는지 소개해 드릴게요. 일단, 다양한 프로그래밍 언어로 개발되어 있는 로또 프로그램 중에서 메인 프로세스를 확인하고 나름대로 UI와 로직이 마음에 드는 어느 유튜버의 동영상을 참조해서 만들기 시작했습니다. 위의 사진은 메인화면이고, 계획된 화면 갯수는 총 3개입니다. 첫 번째 화면은 시작 버튼을 가진 Home, 두 번째는 메인화면, 마지막으로 저장된 실행 로또번호 리스트를 화면에 보여주는 화면입니다. 캐나다의 로또는 3개정도 있습니다. 로또 MAX, 로또 6/49, BC 로또 중에서 로또 MAX는 지난번에 캐나다 역사상 최고 당첨금인 한화 670억 당첨자가 나왔는데요, 이 게임은 1~50개 숫자 중 7..
앱인밴터로 나만의 App 만들기 이번주에 MIT App Inventor를 사용해서 간단한 메모리 게임을 만들고 있는데요, 이 MIT 앱 인밴터는 "누구나?" 쉽게 앱을 만들 수 있도록 구글과 MIT가 공동으로 제작해서 무료로 배포한 툴입니다. 현재는 앱 인밴터 2를 사용해서 개발한 후, 구글 플레이 스토어에 등록하고 배포까지 할 수 있는 재미있는 개발 툴입니다. 삼성폰에서 게임 테스트 동영상 앱을 만든다고 할 때 기본적으로 생각하는 것은 C, C++, JAVA 등과 같은 많은 프로그래밍 언어를 다 해야 한다고 보통 생각이 드는데, 이 툴을 사용해서 간단하게 나만의 앱을 만들 수 있어서 좋은 경험이었습니다. 특히, 요즘 많은 아이들도 코딩에 대해서 관심을 가지고 배우고 있는데요, 개인적인 생각으로는 아이들이 프로그래밍에 대한 흥미를 가지..

티스토리툴바