신나yo-TechBlog

생활코딩 웹앱 만들기 학습 중, 크롬 브라우저의 확장 도구 stylebot에 대해 알게 되었다. 웹 사이트 생산자가 아니라 소비자로서 사이트 디자인을 변경하는 도구라고 하는데, 수업 중에는 실습 예제 속 글자 크기를 바꾸는 것만 보여주셨다. 하지만, 광고를 안 보이게 하거나 특정 콘텐츠가 강조되게 설정할 수 있다는 팁을 듣고 나서 혼자 실습을 해보고 싶었다. 마침, 매일 구독하고 있는 신문의 온라인 페이지에서 광고부분이 눈에 거슬릴 때가 많았기에 첫 실습으로 신문의 광고 숨기기를 진행했고, 성공했다! 이어서 네이버 포털 광고를 숨겨보았다. Stylebot의 활용 예시: 네이버 메인페이지 광고 숨기기 네이버 포털에 들어가면 가장 눈에 띄는 것은 바로 저 중앙 광고 배너이다. 저 배너를 숨겨보자! 광고 숨기..

생활코딩 '웹앱 만들기'수업 학습 중, Version Control System버전 관리시스템에 대해서 조언이 있었다. 이 수업 후(나중에) 꼭 익혀두세요! 수업 중 학습한 버전관리 시스템을 활용하는 이유를 정리해봤다. 버전관리 시스템을 활용하는 이유 코드 변화의 역사를 기록할 수 있다. 그래서, 문제가 어디에서 또는 누구로 인해 발생했는지 탐색하고, 이를 바로잡는 데 도움이 된다. 내 PC나 랩탑 외에 다른 장소의 server PC에 소스코드를 백업해둘 수 있다. 협업에 유리하다 사실 이건... 아직 이해가 되지 않는다ㅋㅋㅋㅋㅋ github 등지에서 커밋 참여 등을 한다면 차차 알게 될 것이라고 생각한다 협업의 질서를 잡아준다 버전관리 시스템으로는 가장 많이 쓰이는 GIT을 포함하여 SVN, Mecur..

WEBn의 JS커리큘럼을 수강하고 나서, 취업을 위한 개발공부에는 '프로젝트를 구현할 지식과 기술'이 필요한데, 각 언어를 익히는 것만으로는 준비가 되지 않는다는 것을 실감하게 되었다. 많은 언어들 중에서 어떤 것을 이어서 학습해야 할 지 감이 잡히지 않아서, '전체적인 구조를 파악할 필요성'을 느껴, 이 커리큘럼을 선택해, 학습을 시작했다.WEBn 강의목록에서 html과 css, javascript부분을 들었다. 그래서 이 "웹 앱 만들기"카테고리의 1~32강의까지는 '이미 들었던, 아는 내용들이지만 복습만 하자'는 생각을 했다. 그러나, 강의를 하나하나 수강하면서, 예상만큼 가벼운 마음으로 들을 커리큘럼이 아니라는 것을 알게 되었다. ㅋㅋㅋㅋ물론, 기획, 구상 등 웹개발의 절차를 설명하는 부분은 유사..

학습 목표 JavaScript 기초 문법을 이해한다. 앞으로 어떤 프로젝트를 할 수 있을지 감을 잡고 구상을 시작한다. 습득한 것 JS 기본 문법 (if문, 반복문, array와 객체 등) JS파일을 html 파일과 분리하여 생성, 관리하는 방법 jQuery 활용의 이점 (왜 '편리하다'라는 말이 있는지 궁금했다.) night/day(주야간 모드) 버튼 만드는 법 (이거 정말 정말 정말 만들고 싶었는데 운이 좋았다! 이게 예제였다!) 더보기 결과물: 수강중 실습한 예제, 타이핑 노트를 올려둔 저장소(github) ShinAhYoung21/open_class_web2JS Contribute to ShinAhYoung21/open_class_web2JS development by creating an acc..

toggle에 대한 예시 오늘 실행해본 실습으로 예를 들면, night/day버튼을 하나로 통합해서 만드는 것. night상태의 버튼을 클릭하면, 로 바뀌고 day상태의 버튼 클릭하면, 로 바뀌는 기능을 지정한 html 코드가 바로 아래 예시! 토글이란? 클릭이벤트와 선택된 element 사이에 둘 또는 그 이상의 기능을 부여하는 방식이다. 한 번 클릭하면, 첫 번째로 지정된 기능이 작둉하고, 다시 클릭하면, 두 번째 기능이 작동한다. 출처: w3schools jQuery toggle method jQuery toggle() Method jQuery toggle() Method ❮ jQuery Effect Methods Example Toggle between hide and show for all el..

git / 이고잉 / 생활코딩 github / 오픈튜토리얼스 학습목표 사이트 개설과 저장소 외의 기능 파악 불필요한 저장소 삭제 방법 익히기 포트폴리오를 위한 깃허브 관리에 대해 감 얻기 온라인으로 코드 리뷰에 참여 및 탐색하는 방법 알기 배운 것 github 저장소 메인 메뉴의 개괄적 소개 신뢰성 있는 프로젝트 판별 아이디어 commit 횟수, 포크 횟수, 이슈 개수 등 핀셋 학습 습관의 필요성과 중요성 핀셋 학습=필요한 정보를 직접 검색해 학습 및 적용하는 방식 저장소 삭제에 관해 구글링으로 학습 결과물 또는 얻은 것 내 github계정 정돈 사용하지 않는 저장소 삭제 방법을 익혀 실행 github DOCS GitHub Documentation docs.github.com 향후 계획 git 활용법을 ..