목록전체 글 (85)
개발일지
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 : {}, 객체도 데이터 타입중에 하나 객체는 여러 종류의 데이터를 하나로 담아주는데 이때 각 데이터마다 키..
코드 캠프에 하루늦게 들어와서 다른 사람들보다 좀 늦게 강의를 시작해서 이번주 주말까지 공부를 하면서 진도를 따라잡아야겠다고 계획했고 1일차에 웹에대한 기본적인 지식과 코딩에 필요한 프로그램 vscode를 다운받아 설치하고 싸이월드 미니홈피를 만드는거까지 하였다 HTML 하이퍼텍스트 마크업 언어 (HyperText Markup Language)로,네트워크가 연결된 웹페이지에서 문서를 작성하고, 읽고, 공유하기 위해서 만들어진 체계입니다.HTML 언어의 본질은, 사용자간에 소통하기 위한 정해진 약속입니다.다시 말해, HTML은 웹페이지에 문서를 작성하는데 정해진 약속이며,태그를 통해 웹페이지에서 보여질 내용을 나타냅니다. 태그 하나의 약속된 명령어로 태그마다 고유의 기능이 있음 시작태그+내용+종료태그로 구..