목록코딩공부 (6)

맨 땅에 프론트엔드 개발자 되기

코딩독학) PHP 다중 파일(사진 여러 개) 업로드 (+ 디렉토리에 저장하고 MY SQL에 올리기)

인스타그램에 보면 사진을 여러 개 올리면 그 사진 여러 개가 화면에 표시가 된다. 모바일은 아니지만 웹에서 이걸 만들어보려고 하는데 매우 간단한 거였지만 한참 헤맸다. 나같이 헤매고 계실 분들을 위해 정리해서 글을 올려보려고 한다. 먼저, 파일을 올리는 페이지에 파일 인풋 태그에 이름에 "[]" 배열기호를 뒤에 넣어주고 다중 파일을 선택할 수 있도록 multiple을 넣어준다. #HTML 그런 다음 submit 이후 넘어가는 자료를 처리해줄 php파일에 아래 코드를 작성한다. #PHP
코딩 공부 일지/PHP 2022. 1. 28. 17:06
코딩독학) CSS란? CSS 문서의 기본 형식과 선택자

CSS (Cascading Style Sheets) 기존의 html 문서는 디자인 요소를 넣으려면 html 문서마다 디자인 요소를 적용해줘야했다. 그러나 디자인 요소가 변경될 때마다 그 방대한 문서를 모두 수정하는 것은 불가능한 일이었고, 디자인 요소를 가진 파일만 CSS라는 문법으로 따로 분리하여 관리하니 유지 보수가 매우 쉬워졌다. CSS 파일은 .css 라는 확장자를 가진 파일로 html 문서와 연결되어 사용된다. link 태그를 head 영역에 넣어주며, rel 속성으로 stylesheet이라는 것을 알려주며, href 속성에 연결할 css파일의 주소를 적어준다. CSS 파일 안에는 보통 '선택자'라고 부르는 CSS를 적용할 요소를 지정해서 중괄호{} 안에 적용할 요소를 적는다. Selector ..
코딩 공부 일지/CSS3 & SASS(SCSS) 2021. 9. 19. 22:43
코딩독학) HTML 태그 ID와 CLASS

HTML 문서는 보통 HTML 태그로 문서 구조를 짠 뒤에 CSS로 HTML 문서에 디자인 속성을 넣어주고, JAVASCRIPT로 동적 구현을 하는 시스템으로 이루어져 있다. 보통 확장자를 .html .css .js 로 문서를 3개 만들어 css파일과 js파일을 html파일과 연결시켜 주는데, css파일과 js파일에서 html 문서의 어떤 것을 선택해 속성을 지정해주고 싶을 때 id와 class가 필요하게 된다. 말로 설명하려니 어렵네.. 바로 예제를 보자. 예제 연습 div로 지정된 4개의 네모가 오른쪽 브라우저에 표시된다. 4개의 div에는 class가 지정되어 있고, 맨 마지막 div에만 id가 지정되어 있다. example.css 문서를 보면 background 컬러가 지정되어 있는데 각기 다른 ..
코딩 공부 일지/HTML5 2021. 9. 19. 21:59
코딩독학) HTML 태그의 종류와 역할3 Form & Input

폼 태그와 인풋 태그 : 폼 태그는 어떤 입력 값을 받는 폼을 말하며, 보통 하위 인풋 태그들과 함께 쓰인다. : 입력 값을 받는 태그를 말한다. 속성 값으로 text, button, color, range, date 등 어떤 입력값을 받을 것인지 지정할 수 있다. 예제 연습 : input type="text"와 비슷하게 글자 내용을 입력받을 수 있는 태그. : input type="button"과 비슷하게 버튼 클릭을 받을 수 있는 태그. : 드롭다운 형식의 선택 입력값을 받을 수 있는 태그. : select 태그의 옵션을 만들 수 있는 태그. : select 태그의 옵션 중 그룹을 만들 수 있는 태그. : input 태그 혹은 다른 입력값을 받는 태그 앞에 쓰여 라벨을 만들 수 있는 태그. 예제 연습..
코딩 공부 일지/HTML5 2021. 9. 19. 21:28
코딩독학) HTML이란? HTML 문서의 기본 레이아웃

HTML (Hyper Text Markup Language) '인터넷은 왜 만들어졌을까?'를 알게 되면 HTML 문서의 특성을 알 수 있다. 과거에는 어떤 지식, 또는 정보는 책과 같은 인쇄물을 통해 다른 사람과 공유될 수 있었다. 컴퓨터의 발명 그리고 통신 기술의 발전으로 인쇄물 없이 인터넷 공간에 정보를 기록해둘 수 있게 되었고, 인쇄물의 한계를 뛰어넘어 더 많은 사람들과 정보를 공유하고 상호 수정, 발전을 시킬 수 있게 되었다. 이러한 문서들은 사람들에 의해 어떤 특별한 형식으로 만들도록 고안되었고, 이것이 바로 HTML 문서 형식이라 부르는 것이다. HTML 문서 형식으로 문서를 만들게 되면 HTML 문서를 읽을 수 있도록 고안된 웹 브라우저가 HTML 문서 안의 태그를 해석해서 웹 브라우저 상에..
코딩 공부 일지/HTML5 2021. 9. 17. 20:55
코딩독학) 노마드코더 선생님의 코딩 초보자 공부 테크트리 조언

유튜버 노마드 코더라는 분을 알게 되었다. 온라인 웹사이트에서 클론 코딩을 통해 무료로 코딩 강의를 해주시는 고마운 분이다. 이 분이 조언해주신 코딩 초보자의 공부 테크트리에 따르면, 1. HTML, CSS 를 먼저 공부한다. - HTML과 CSS는 모든 웹 개발의 주춧돌 같은 것이다. - 이를 통해, 텍스트 에디터, 브라우저는 어떻게 작동하는지 등에 대해 개념을 깨우친다. 2. Javascript를 공부한다. (마스터하는 정도는 아님) - "바닐라 자바스크립트"를 먼저 배워라. 3가지 프로젝트 - To do List, Interaction, Library(J쿼리, 리액트) - HTML을 자바스크립트로 수정하는 것이 편해질 시점까지 배운다. - 초반에는 라이브러리를 배우지 마라. 라이브러리를 먼저 배우면..
코딩 공부 일지/ETC 2021. 9. 17. 19:16
이전 Prev 1 Next 다음