프론트 5

프로젝트 기획하기[운동하는IT]

과거에 나라의 지원을 통해 개발자 공부를 했던게 생각 나네요 그때는 그나마 같이 배우는 동기들과 웃고 떠들며 프로젝트를 진행했었는데 그때로 돌아가고 싶어요ㅠ 처음으로 기획했던거라 부족하지만 양해부탁드려요 우리회사 방문객 출입관리 예약 서비스 만들기 프로젝트 내용 회사를 방문하는 방문객을 위한 예약 및 출입관리 시스템 프로젝트 목표 프로젝트를 완성하기를 위한 기본기 습득 회사를 방문하는 방문객들을 파악하기 쉽게 데이터화 시키고 관리하는 시스템을 만드는 것이 목표입니다 프로젝트 시나리오 모듈별 사용언어, DB선정 웹페이지 : html,css,javascript DB : mysql (RDMS) WAS : NODEJS 예정 open cv 얼굴 인식 : python 팀원별 업무 분장 최00(Frontend) : ..

IT 공부하기 2022.09.29

홈페이지 기획하기STEP3[운동하는IT]

step1,2 의 내용처럼 요구사항 정의나 목표 기한 대상 등등을 정했다면 이젠 구조를 기획해봅시다!! 홈페이지 기획 사이트에 들어갈 내용을 정ㅇ리하는 단계 사이트맵: 전체적인 메뉴의 구조 메뉴 각각에 들어갈 내용부터 기능적인 부분까지 이 단계에서 정리 = 사이트의 뼈대 회사 소개에 들어갈 소개글부터 문의를 받는 과정까지 기획단계에서 작성 -> 스토리보드, 웹기획서 2. 홈페이지 디자인 보기좋게/ 사용자가 편리하도록 디자인 디자인이 된 이미지를 가지고 컨셉에 맞는지, 제대로 표현되었는지 소통 ->웹디자인 3. 퍼블리싱 결정된 디자인 이미지 파일을 웹에서 볼 수 있는 언어로 작업하는 단계 이미지 파일 -> HTML 파일 ->웹퍼블리싱 또는 웹코딩 4. 프로그래밍 html로 만들어진 파일을 가지고 기능을 구..

IT 공부하기 2022.09.27

프론트엔드 기초3 (VSCODE)[운동하는IT]

강의들으면서 정리한거라 양해부탁드려요 ㅎㅎ  codepen.com 이 사이트는 간단하게 html, css, js 사용하기 좋음 html은 바로 바디 영역으로 들어간다. css는 링크로 연결하지 않아도 바로 적용됨 js도 연결하지 않아도 적용됨. 회원가입하고 사용하면 저장도 가능함 reset.css cdn(jsdelivr.com 꺼 사용) " target="_blank" rel="noopener">https://cdn.jsdelivr.net/npm/reset-css@5.0.1/reset.min.css"> 요거 사용 권장 브라우저의 기본 스타일을 초기화하기 때문에 메인 css보다 앞에 복붙한다. 파일명.min.확장자와 같이 min(Minify 단어의 약어)키워드는 파일이 난독화나 경략화 되었다는 것을 의미합..

IT 공부하기 2022.09.19

프론트엔드 기초2 (VSCODE)[운동하는IT]

전 개발을 할 때 vs코드로 개발을 했습니다. 물론 다른 도구들이 있지만 저한텐 vs코드가 직관적으로 느껴져서 많이 사용했어요 그래서 vscode 사용할 때 알면 좋은걸 정리했어요     vscode 컨트롤 쉽프트 피 입력창 컨트롤 오 파일, 폴더 열기 밑에 보라색의 상태바는 는 아무것도 없다는 표시 프로젝트 단위는 폴더 혹은 디렉토리라 부른다. 컨트롤 에이는 전체 선택 beautify 확장자는 지저분항 코드를 깔끔하게 작성해줌 컨트롤 쉽프트 피 누르고 HookyQR.beautify 검색후 해야함 꺽세표시 있는 것을 태그라고 하며 슬래시가 없는 앞에 있는 부분은 열린태그 슬래시가 있는 건 닫힌태그라고 함 auto rename tag 확장자는 앞에 태그를 바꾸면 뒤에 태그도 바꿔줌 라이브 서버 확장자는 오..

IT 공부하기 2022.09.19

프론트엔드 기초1 (개념)[운동하는IT]

찐 코린이라 프론트에 대해 자세힌 알지 못하지만 기본적인 것을 정리했습니다 ㅎㅎ 간단한 개념정리 html, css, js,를 사용해 데이터를 그래픽 사용자 인터페이스(gui)로 변환하고 그것을 사용자와 상호 작용하도록 하는 것 UX/UI  (User Experience/User Interfaces) UX란? 사용자 경험의 핵심은 "느낌, 태도, 행동" UI는 인터페이스, 즉 정보기기나 소프트웨어의 화면 등 사람과 접하는 면을 말한다. 반면 UX는 경험이다. 사용자에 앞에 보이는 페이지를 만드는 것 앞단 핵심 정보들은 백엔드(뒷단) html(hyper text markup language) 페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당  css(cascading style sheets)..

IT 공부하기 2022.09.19
반응형