개발일지

어제부로 css 기초강의가 끝났다 css 마지막 부분에 대해서는 내가 집중력이 떨어지고 이해하는 부분이 너무 없어서 작성을 제대로 못하였다 . 오늘부터는 javascript 강의가 시작 되었다 javascript 자바스크립트란 웹페이지를 동적으로 동작할 수 있도록 만들어주는 프로그래밍 언어이다. 변수와 상수 웹페이지의 기본은 데이터 관리 라고 할수 있다. 데이터를 관리하는대 가장 효율적인 방법은 어딘가에 저장하고 출력하여 정제가 가능하도록 하는것이다 이를 변수와 상수를 이용하는 방법이다. 변수와 상수란 무엇일까 자바스크립트에서는 데이터를 다루기 위해 변수와 상수를 사용 합니다. 이때 변수와 상수는 데이터를 담고 꺼내쓰는 상자라고 생각하면 좋다 변수와 상수는 데이터를 재사용할수있고, 해당 데이터에 접근하기..

오늘은 css 3일차 강의를 들었다 어제에 우선순위를 얘기하다가 말았는데 오늘 이어서 해보겠습니다. cascading(캐스케이딩) 한 요소가 여러가지를 속성값을 상속받게 되었을 경우 캐스케이딩을 통해 우선순위가 결정된다 Cascading Style Sheet 여기서 Cascading 는 폭포, 위에서 아래로 흐르는 이라는 의미를 가지고 있습니다.\ CSS에서의 Cascading은 브라우저에 어떤걸 먼저 그려줄 지 결정하는 우선순위 적용 원리 입니다. 우선순위를 적용해주려면, 적용할 기준이 필요하겠죠? 지금부터는 Cascading의 우선순위 적용기준에 대해 알아보도록 하겠습니다. 1. 중요도 CSS가 선언된 위치에 따라 중요도를 판단합니다.브라우저 스타일 시트 < 사용 스타일시트 < **개발자 스타일 시트..

flex-wrap flex-item이 여러개일 때, item들의 줄바꿈을 허용할 것인지 말 것인지 결정합니다. 만일 줄바꿈을 허용하지 않을 경우, item이 아무리 많아져도 무조건 한줄에 들어가도록 합니다. flex-wrap : nowrap (기본값) item의 줄바꿈을 허용하지 않습니다. 따라서 item이 아무리 많아져도 무조건 한줄에 들어가게 됩니다. flex-wrap : wrap item의 가로 사이즈가 container의 가로 사이즈를 넘겼을 때, 자연스럽게 다음 줄로 넘어갑니다 align-items는 flex-items이 한 줄일 때 우선 적용 item이 두 줄 이상인 상태에서 정렬을 원하시면,align-content라는 속성을 이용해주시면 됩니다. flex-item 속성들 지금까지는 flex-..

5일 차는 마지막 과제가 있어서 여기에 같이 쓴다 5일 차 과제는 초반에 만들어둔 회원가입 폼에 자바스크립트 기능도 추가해서 하는 작업이다 반절 정도 하다가 모르는 부분이 너무 많아서 레퍼런스 코드를 보면서 마무리했다 자바스크립트 알고리즘 문제도 더 풀어봐야하는데 아직도 감이 안 잡힌다 알고리즘 문제는 하루에 하나씩이라도 풀어보고 풀었던 문제도 다시 보자 오늘부터 css 강의가 시작된다 css 웹 브라우저가 읽을 수 있는 언어는 HTML,CSS,JS 세 가지 언어뿐입니다. 세 가지 언어 중 HTML은 문서 구조를 담당하고 있습니다. CSS는 단순한 문서 형태인 HTML을 예쁘게 꾸며주고 구조를 잡아주는 역할을 합니다. 왼쪽과 오른쪽 이미지의 차이가 느껴지시나요? 이렇게 CSS는 페이지의 요소들이 어디에 ..

함수란? 함수 는 우리가 만드는 기능 입니다. 지금까지는 메서드 같은 자바스크립트에서 제공되는 기능 들을 사용했지만, 이제부터는 우리가 직접 기능을 만들어 사용해보도록 하겠습니다. function hello(){ alert("안녕하세요") } undefined hello() 아래사진 처럼 alert을 쓰면 윈도우 창에 저런 창이 나옴 함수에는 이런기능 말고 여러가지 기능이 있다 함수를 만들려면? 예를들어, 두 숫자를 더하는 함수(기능)을 만들어 봅시다. 1. 아래의 그림에서 네모박스 가 함수(기능) 입니다 2. 상자로 들어가는 데이터 3, 5 는 입력데이터(매개변수= parameter) 라고 합니다. 3. 상자에서 반환되어 나오는 8 은 결과데이터(반환데이터= return 값) 라고 합니다. 위 사진을 ..

데이터 타입 데이터에는 몇 가지 종류가 있다 이를 데이터 타입이라고 부르고 이 타입에는 아래에 보이는 타입으로 나뉜다 문자열(String) : 문자열은 “” 안에 적어주며, 따옴표 안에 적힌 값들은 숫자여도 문자열로 취급한다 숫자(Number) : 숫자를 나타내는 자료형이며 모든 숫자를 실수로 처리합니다. 따옴표 없이 적어주셔야 합니다. 불린(Booolean) : true(참), false(거짓)으로 나타내는 자료형 undefined : 변수를 선언했지만 값이 할당되지 않았을 때 자바스크립트 엔진이 암묵적으로 초기화하는 값 null : 의도적으로 값이 없음을 명시하기 위해 할당하는 값 object : {}, 객체도 데이터 타입중에 하나 객체는 여러 종류의 데이터를 하나로 담아주는데 이때 각 데이터마다 키..