신나yo-TechBlog

생활코딩 웹앱만들기 커리큘럼에서는 JavaScript(이하 JS)와 PHP를 병렬 학습하는 방식으로 강의가 진행된다. 과연 프로그래밍 언어 둘을 동시에 학습할 수 있는걸까 궁금했는데, 수업 따라가다 보니 흥미롭고 하나만 학습할 때보다 더 자신감이 생긴다. 왜냐하면, "언어 하나를 제대로 공부해두면 다른 언어들은 금방 학습할 수 있습니다. 더 쉽게요"라고 익히 들었던 조언들이 진짜라는 것을 깨달았기 때문이다. JS와 PHP는 비교 연산자, 숫자와 문자를 구분하는 방식과 더불어 조건문, 반복문, 배열 등의 큰 틀(형태)이 대체로 유사하다. 차이점 비교 숫자를 더하는 연산자와 문자를 더하는 연산자 더보기 PHP에서 echo ("10"+"10")을 입력하면, 1010이 아니라 20을 출력해준다. php인터프리터..

웹앱 만들기 강의의 학습목표는 '구조를 파악하는 것'이기 때문에, 각 프로그래밍 언어들에 대해 심도 있는 이론을 다루지는 않는다. 하지만, 어떻게 기능하며 상호작용하는지 구조를 파악하는 데 집중하고 있다. JavaScript와 PHP를 병렬학습하고 있는데, 서로를 비교해가며 학습하니 전체적 틀 학습에 도움이 된다. 아직 기초적인 작동 개념만 학습해서 확실치 않지만, 몇 가지 예제와 함께 실습해보면 병렬 학습의 효과를 좀 더 경험해볼 수 있을 것이라고 기대하고 있다. JS를 동적 언어, 클라이언트 사이드 언어라고 하는 이유를 이해하며 알게 되었다. HTML, CSS JS, PHP 정적 언어 : 한 번 작성&표시되면, 바뀌지 않는다. 문서를 만들기 위한 언어라고 할 수 있다. 동적 언어: 사용자의 조작 또는..

학습 목표 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..