근성프로그래머 이준형

공부보다는 실습 실습보다는 자신의 프로젝트로 시작해야한다. 이 책을 보면서 느낀점은 이 책 작가의 경험을 잘 느낄 수 있다는 점이다. html, css를 짜는것을 코딩이라고 취급하지 않는 사람이 있을정도로, 타 언어들에 비해 간단한편이다. 그런 사람들에게는 이 책은 작가의 경험과 공부하는 방법을 배우기 위해 사는 책이라고 봐도 될것같다.

책 리뷰/생활코딩! HTML+CSS+자바스크립트 2024. 1. 22. 13:35

라이브러리와 프레임워크 라이브러리는 뭔가 정리정돈돼 있는 느낌이다. 라이브러리 중에서 가장 유명한것은 jquery $표시로 유명하다. 공통으로 사용될 수 있는 특정한 기능들을 모듈화한 것을 의미한다. 폴더명, 파일명 등에 대한 규칙이 없고 프레임워크에 비해 자유롭다. 예를 들어 무언가를 자를 때 '도구'인 '가위'를 사용해서 '내가' 직접 컨트롤하여 자르는데, 이거와 비슷 프레임워크는 필요한 공통적인 것이 있고, 기획 의도에 따라 달라지는 부분이 있다. 공통으로 사용될 수 있는 특정한 기능들을 모듈화한 것을 의미한다. 폴더명, 파일명 등에 대한 규칙이 있으며 라이브러리에 비해 좀 더 엄격하다. 다른 곳으로 이동할 때 '도구'인 비행기를 타고 이동하지만 '비행기'가 컨트롤 하고 나는 가만히 앉아 있어야한다..

책 리뷰/생활코딩! HTML+CSS+자바스크립트 2024. 1. 22. 13:32

객체에서는 프로퍼티와 프로퍼티를 구분하기 위해 아래와 같이 콤마를 사용한다. var Body = { setColor: function(color){ document.querySelector('body').style.color = color; }, setBackgroundColor: function(color){ document.querySelector('body').style.backgroundColor = color; } } 그리고 파일로 쪼개서 정리정돈을 하는데, 서로 연관된 코드들을 파일로 묶어서 그루핑한다. 파일로 쪼갰을 때의 장점은 모든 코드를 복사할 필요 없이 간단하게 color.js 파일을 새로운 웹 페이지에 포함시키기만 하면 된다. 작성한 코드를 재사용하기 되는 것이며, 모든 웹페이지에 동..

책 리뷰/생활코딩! HTML+CSS+자바스크립트 2024. 1. 22. 13:27

객체는 정리 정돈의 수단이다. 서로 연관된 함수와 변수를 grouping해서 정리 정돈하기 위한 수납상자이다. 서로 연관된 정보를 정리 정돈하기 위해 배열을 사용했다. 정보를 담고, 정보를 순서대로 저장된다는 특징이 있다. 하지만 배열과 다르게 정보를 순서 없이 저장할 수 있는 정보가 객체이다. 자바스크립트에서는 중괄호로 나타낸다. 아래는 정보를 입력하는 예시이다. 정보를 꺼낼때는 아래와 같다. document.write("programmer : " + coworkers.programmer + " "); document.write("designer : " + coworkers.designer + " "); 이름에 공백이 들어가면 문법적 오류이고, 대괄호를 써서도 나타낼 수 있다. coworkers["da..

책 리뷰/생활코딩! HTML+CSS+자바스크립트 2024. 1. 18. 20:09

매개변수(parameter)와 인자(argument) 언제나 똑같은 제품을 받을 수 있는 자판기가 있다고 생각해보자. 원하는 제품을 선택하면 그 제품에 해당하는 제품을 제공하는 자판기가 있다면 더 편리할 것이다. 제품을 선택하는 것을 입력 sum(2, 3); 을 통해 sum함수를 호출한다고 한다면, 괄호 안에 2와 3이 매개변수 function sum(a, b){ } 안에 a, b가 인자가 된다. 이러한 함수는 리팩터링에 사용되는데, 리팩터링은 동작하는 내용은 똑같지만 코드를 효율적으로 만드는 것이다.

책 리뷰/생활코딩! HTML+CSS+자바스크립트 2024. 1. 17. 14:14

배열 데이터 중에서 서로 연관된 데이터를 잘 정리 정돈해서 담아두는 일종의 수납 상자이다. 문자열은 따옴표로 시작해서 따옴표로 끝난다. 배열은 대괄호로 시작해서 대괄호로 끝난고, 값과 값 사이에는 콤마로 구분한다. 아래는 배열을 생성하고 데이터를 꺼내고 배열의 갯수를 보여주는 Html이다. Array Syntax get count 자바스크립트에서는 배열을 push를 통해 삽입한다. Array Syntax get count push count 반복문 C언어와 같으니 생략 배열과 반복문과 html의 list태그를 가져와서 출력해보자. Loop & Array Co workers

책 리뷰/생활코딩! HTML+CSS+자바스크립트 2024. 1. 16. 13:24

프로그램, 프로그래밍, 프로그래머 HTML과 자바스크립트는 둘 다 컴퓨터 언어이다. 프로그래밍 언어란 시간 순서에 따라 실행돼야 할 기능을 프로그래밍 언어의 문법에 맞게 글로 적어두는 방식을 고안하는 것이다. 자바스크립트는 사용자와 상호작용하기 위해 고안된 컴퓨터 언어이다. 시간 순서에 따라 웹 브라우저의 여러 기능이 실행돼야 한다. 비교 연산자와 불리언 조건문이란 조건에 따라 다른 수서의 기능들이 실행되게 하는것이다. ===라는 비교연산자는 불리언(boolean)인데 살펴보자. 왼쪽에 있는 값과 오른쪽에 있는 값이 같은지 판단한다. Comparison operators & Boolean === 1===1은 같다. Comparison operators & Boolean === 1===2 1===2 는 거..

책 리뷰/생활코딩! HTML+CSS+자바스크립트 2024. 1. 15. 12:03

CSS언어로 디자인 하고 싶다면, style이라는 속성을 쓰고 그 안에 CSS의 속성이라는 문법을 사용. style 속성이라는 HTML 문법을 효율적으로 이용하는 방법은 선택자이다. 라는 줄바꿈되는 태그는 어떠한 의미나 기능도 없다. 줄바꿈되지 않는 무색무취의 태그 태그로 감싼 코드가 CSS코드라는 것을 알려주는 역할을 한다. 선택자 웹 페이지를 구성하는 여러 요소에 효과를 효율적으로 줄 수 있기 때문에 효과적이다. 그 외에 와닿는 내용은 없었다...

책 리뷰/생활코딩! HTML+CSS+자바스크립트 2024. 1. 12. 13:40