그리고29 생활코딩 자바스크립트 4강 버튼 만들고 싶을 때 input type="button" 버튼에 글자쓰고 싶을 때 value="글자"를 사용onclick="alert('hi')"onclick의 속성값으로는 반드시 자바스크립트가 와야한다onclick 속성 값은 웹브라우저가 기억하고 있다가,사용자가 클릭했을때 기억하고 있었던 코드를 동작한다.웹브라우저에서 일어나는 것을 이벤트라고 한다.어떠한 자바스크립트가 실행되도록 하는 것. 텍스트가 바뀌면 경고창이 뜨도록한다. 검색이 중요하다고 생각하심. javascript onkeydown event attribute 구글에서 검색 2020. 12. 5. 생활코딩 자바스크립트 3강 3강 공부내용 요약중요한 강좌라고 하셨음기본적으로자바스크립트는 html 위에서 동작하는 언어이다.어떻게 html에 다른 문법인자바스크립트를 낑겨넣을 것인가를 배우자의안쪽에 코드를 넣어서 자바스크립트임을 알린다자바스크립트는 계산기로도 작용한다같은 1+1을 입력하면html은 1+1을 그대로 보여주지만자바스크립트는 1+1을 계산하여 2로 보여준다 2020. 12. 3. 생활코딩 자바스크립트 2강 2강 공부내용 요약 수업의 목표 기능 구현의 과정에서 필요한 문법들을 실습을 바탕으로 익힐 것임 야간모드와 주간모드로 버튼을 통해 바꾸는 것을 배울 것이다 자바스크립트란 무엇인가 1. 사용자와 상호작용할 수 있게 해준다. 2. 웹페이지는 한 번 출력되면 바꿀 수 없지만, 자바스크립트를 통해 디자인바꿀 수 있다. 자바스크립트가 html을 제어하는 언어다. 웹페이지를 동적으로(움직임, 변화) 보여줄 수 있게 된다. 2020. 12. 3. 생활코딩 자바스크립트 1강 자바스크립트를초보단계에서 배울 수 있는 게 없나해서 찾다가생활코딩에 올라온 강의를 듣기로 했다.1강 공부 요약html에 대해 잘 모른다면web1강의를 먼저 듣고 오는 게 좋다고 하셨다.웹은 html로 만들고 - 멈춰있음javascript로 사용자와 상호작용하게 해준다 - 움직임 2020. 12. 3. 자바스크립트 2강 2-1 반복문 연습: 별찍기 21분 for (var dot=1; dot 2020. 11. 13. 자바스크립트 1강 공부시작 ! 자바스크립트를 배워보고 싶어서 강의를 찾다보니 인프런에 무료강좌가 올라와있어서 듣기로 했다. 웹 게임을 만들며 배우는 자바스크립트라는 강의로 114강이 올라와 있다. 매우 길어보이지만 강의 하나하나가 짤막하게 구성되어 있어서 짧게씩 듣기 좋은 듯 하다. 내가 배워보고 싶었던 랜덤과 관련한 내용도 들어있는 듯해서 처음부터 쭈욱 들어보고 강좌마다 배운 것들을 남겨두겠다. 잘 배워서 내 웹사이트에 적용하도록 해보겠다. 1. 자바스크립트 프로그래밍이란? 질문을 많이해서 처음부터 잘못된 공부 방향으로 가는 것을 방지하자 자바스크립트는 언어이고, 제이쿼리는 라이브러리이다 2. 값: 숫자, 문자, 불린 인터넷 창 띄우고 f12 누른 뒤 console 선택하여 입력해보자 숫자 : 5 문자 : 따옴표를 붙이면 문자 "5.. 2020. 11. 13. Yoast SEO 설치 + 구글 웹마스터 오늘은 Yoast SEO라는 플러그인을 설치해보겠다 무슨 플러그인인가? SEO 최적화를 도와주는 플러그인 참고글) SEO 최적화가 뭔데? 어떤 효과가 있는가? 인터넷에서 내 사이트가 잘 노출된다. 아 그리고 플러그인을 설치할 때는 이렇게 글을 남겨두는 게 좋은 것 같다 지난 번 사이트 제작시에는 신기한 플러그인을 이것저것 설치해보다가 나중에 뭐가 뭐였는지 너무 헷갈리고 정리가 안되었던 경험이 있다 이렇게 캡쳐해서 남겨두면 무슨 플러그인을 설치했는지 무슨 설정을 했는지를 알고 향후에 설정을 바꾸거나 삭제할 때 알아보기 쉽다. 그리고 혹시 정보가 필요한 분들에게 도움도 되고 나두 생각 안나면 다시 와서 봐야함 ㅎㅎ 1 - 시작 내 워드프레스 페이지의 왼쪽에서 플러그인을 누른다 (안보인다면 도구 버튼을 누르면.. 2020. 10. 23. SEO 최적화 = 검색엔진 최적화 기껏 사이트는 만들었는데 보러오는 사람이 없어서 썰렁~ 그렇다면 이제 SEO 최적화를 위해 노력을 해보자. SEO 최적화란 Search Engine Optimization 검색 엔진 최적화 라는 의미다. 사람들이 구글이나 네이버 등의 검색엔진에서 무엇인가 검색했을 때 그게 내 사이트에 있는 내용이라면 내 사이트가 검색 결과 상단에 보이도록 세부 사항들을 설정해 주는 것이다. 짧게 말하면 인터넷에서 내 사이트가 노출이 잘 되도록 최적의 환경을 만들어 준다는 것. 예를 들어 IT기기에 관한 사이트를 운영한다면 사이트 이름이나 설명을 맛있는 한국음식이라는 식으로 엉뚱하게 적어 놓은 사이트보다는 IT기기를 다루는 홈페이지이며 특히 핸드폰에 관련된 내용을 다룬다는 식으로 설정해 둔 사람의 사이트가 IT관련 검색결.. 2020. 10. 22. 마케팅 항목을 살펴보다 워드프레스로 홈피를 만든지 며칠이 지났다 아직 특별한 유입은 없다 오늘은 미국이랑 이스라엘 유입이 있네? 오잉 암튼 이전에 한번 워드프레스로 홈피를 만들어봤으나 다시 만드는 입장이라 하나하나 항목들을 체크하며 알아가기로 했다 오늘은 도구 - 마케팅 항목에 들어가 여러 설정들을 알아본다 먼저 트래픽 탭의 광고 부분을 활성화 해보았다. 광고를 활성화하니 상하단에 광고가 뜬다. 이 광고를 통해서 홈피주인이 수익을 벌 수 있겠지. 다음으로 SEO 도구를 활성화하기 버튼을 켰다. SEO가 최적화 되어있어야 한다는 말이 있다. 그것은 구글과 같은 검색엔진이 내 홈피를 잘 인식하고 검색어화면에 잘 노출시키도록 설정되어있다는 의미이다. 아래로 내려오니 웹사이트 메타 설명을 적는 공간이 있네. 여기에 내 홈페이지가 어떤.. 2020. 10. 19. 연락처 교류없이 이미지 공유 방법 이번에 워드프레스 직원과 채팅하면서 쓸만한 사이트 하나를 알게되었다. 스크린샷을 보여주고 싶다고 하니 직원이 이 사이트를 추천해줬다. (사진첨부가 안되는 채팅이어서) snipboard.io 사진을 인터넷에 올리면 그 사진에 대한 url을 만들어주는 사이트다 그 url을 상대방에게 알려주면 상대방이 들어와서 사진을 확인하면 됨 상대방이 저장해 갈 수도 있음 내가 직접 사용해보니 이런 경우에 이용하면 좋을 것 같다 딱히 지속적으로 교류하는 사이가 아닌데 1 상대방에게 사진이나 스크린샷을 보여줘야하는데 사진을 첨부할 수 없는 채팅중이라든가 2 사진을 전달하느라 내 메일이나 번호 등의 연락처가 노출되는게 싫거나 3 내 개인홈피나 블로그에 올리면 사생활이 노출되니까 다른 곳에 올리고 싶을 때 1) 스크린샷 찍어서.. 2020. 10. 18. 오류발생, 영어로만 물어봐 내가만든 워프 홈피 우측에 쓸데없는 여백이 생기는 게 아닌가 컴퓨터와 핸드폰에서 모두 ! 첫화면에서는 괜찮은데 메뉴만 누르면 이 문제 발생 워드프레스 twenty sixteen 테마를 쓰고 있는데 위젯(사이드바)를 사용하면 이 문제가 생긴다 혼자 끙끙대다가 포럼에 문의를 올렸더니 채팅으로 문의하라네? 아 맞다 나 비즈니스 요금제쓰고 있지? ㅎㅎ 채팅으로 바로 물어보면 될 것을! 문의는 영어로만 가능하다 유창한 영어실력까진 필요없다 나도 한두문장 설명하다가 스크린샷을 보여줬더니 단박에 이해완료하심 스샷이 서로 제대로 이해하는데 가장 빠름 근데 직원도 이게 이상하단다 ; 왜 메뉴만 누르면 그렇게 되냔 말야 내 허락하에 플러그인도 껐다 켜봐도 안되고 요래조래 살펴보다가 이거이거 시간이 걸리겠다며 자기가 해결하.. 2020. 10. 17. 어떤 컬러톤으로 사이트를 만들까 사이트의 대강의 골자를 짰으니 어떤 컬러톤으로 꾸밀 것인지 결정해야한다. 페이지 배경색 글자색 마우스 오버시의 색 링크 색 문단배경색 등등 원래는 배경색을 짙은 노란색으로 하고 깔끔한 톤으로 가려고 했는데, 일단 핑크, 블루톤도 사용해야하는 상황이라 노랑이 배경에 깔려있으니, 다른 색을 이용하기가 어려웠다. 뭔가 매치가 잘 안되는 기분. 그래서 일단 배경은 흰색으로 하고 원래의 짙은색 계열로 가려던 대신 파스텔톤으로 적용해두었다. 사이트 컬러 컨셉 작업시에 이용하는 사이트 소개를 해볼까. 색 조합 시 내가 자주 이용하는 사이트는 coolors.co/generate 이다. 처음에 들어가면 랜덤으로 5가지 색조합을 추천해주는데 스페이스바를 누르면서 계속 다양한 색을 추천받을 수 있다. 맘에 드는 색이 나오면.. 2020. 10. 16. 이전 1 2 3 다음
