WeCode4 WeCode - 2차 프로젝트(숨고) 현재 개발 학습을 하고 있는 부트캠프 WeCode에서 2차 프로젝트 진행했던 것을 기록. 프로젝트 소개 '숨은 고수'를 찾아 일반인과 이어주는 서비스 전문가 매칭(생활서비스 고수 매칭) 플랫폼인 숨고(Soomgo) 웹사이트 클론 프로젝트 프로젝트 기간: 2020년 7월 6일 ~ 7월 17일 (총 2주) 팀원: 3 Front-End, 3 Back-End 프로젝트 Github 주소 Front-End: https://github.com/wecode-bootcamp-korea/9-Chango-frontend Back-End: https://github.com/wecode-bootcamp-korea/9-Chango-backend 사용된 기술 Front-End HTML React.js(Class형 컴포넌트, 함수형.. 2020. 8. 16. WeCode - 1차 프로젝트(Ami) 현재 개발 학습을 하고 있는 부트캠프 WeCode에서 1차 프로젝트 진행했던 것을 기록. 프로젝트 소개 미니멀한 프린트 및 색상과 소재만으로 고유의 유니크한 매력을 담아내는 아미 파리스(Ami Paris) 웹사이트 클론 프로젝트 프로젝트 기간: 2020년 6월 22일 ~ 7월 3일 (총 2주) 팀원: 3 Front-End, 3 Back-End 프로젝트 Github 주소 Front-End: https://github.com/wecode-bootcamp-korea/9-WE_T_S-frontend Back-End: https://github.com/wecode-bootcamp-korea/9-WE_T_S-backend 사용된 기술 Front-End HTML React.js SASS JavaScript(ES6) .. 2020. 7. 19. HTML - 2. HTML의 구조 1. HTML tags HTML 파일의 구조는 항상 아래와 같다. 여기서 는 HTML 파일에 제일 첫 줄에 위치해야 하는 선언문이다. 은 html 파일이 무슨 버전의 html을 사용했는지 브라우저에 알려주는 역할을 한다. ⚠️ 현재 사용하고 있는 버전은 html5이다. html elements(요소)들은 으로 감싸져 있는데, 브라우저가 html태그를 만나면, html을 시작됐는지 인지하고 요소를 그릴 준비를 한다. html태그 다음에 항상 head태그가 위치한다. 태그 안에는 사이트의 제목, 설명, 부가정보, 기술적 내용(예. 이 사이트는 모바일용인지에 대해)이 들어가는 부분이다. 태그👇👇👇👇👇👇👇👇👇👇👇👇 : 한글, 일본어, 중국어가 포함된 페이지라면 utf-8이라는 값으로 인코딩을 추가해줘야 한다. .. 2020. 6. 12. HTML - 1. HTML/브라우저/Tag 1. HTML Hypertext Markup Language, 웹페이지를 만들기 위한 언어이고 구조를 잡을 수 있다. HTML 파일은 이미지, 텍스트, 비디오, 버튼 등을 웹사이트에 보여줄 내용을 구성하고 있다. HTML 파일 뒤엔. html 확장자가 있어야 한다. 2. 브라우저 쉽게 접근하자면 safari, chrome, ie 등을 브라우저라 한다. 브라우저는 HTML 파일을 가지고 뭘 어떻게 그려주면 되는지 파악한 후에 웹 페이지를 생성해준다. 브라우저만 있으면 HTML로 작성한 것을 확인할 수 있다. (Text Editor 같은 간단한 메모장 실행 후 html(. html) 확장자로 저장 후 해당 파일을 브라우저에 drag & drop 해주면 된다.) 3. Tag HTML에서 이미지나 텍스트를 표현.. 2020. 6. 12. 이전 1 다음
