본문 바로가기

Widely Design 바로가기

💚 UIUX 웹퍼블리셔 과정(6개월)175

2021-07-12 (91일차)GITHUB 업로드 방법 php 10강~12강 1. 새로운 리포지터리 만들기 옵션 건들지 않기 2. 바탕화면에 폴더 만들기 3. command 창 열기 방법1) 폴더 안에서 cmd 검색+엔터 방법2) code로 열기(vs코드) + ctrl과~ 동시에 누르기 4. git init 5. git config user.name "내이름" 6. git config user.email "내이메일" 7. git remote add origin 주소 8. command창 닫은 후, 코딩작업 끝난 후, 저장 후 다시 command창 열기 9. git add . 10. git commit -m "메시지내용" 11. git push origin master -- the end -- < command창에.. 2021. 7. 14.

2021-07-11 (90일차) 두산연강슬라이드 복습 - 두산연강 슬라이드 복습 - 슬라이드 숙지하기 - 스와이퍼 사이트 둘러보기 2021. 7. 12.

2021-07-10 (89일차) 조별과제, 다운로드, 깃허브 연결 숙제 - PHP 다운로드 - COMOSER 다운로드 - 피그마 앱 상세페이지 마무리하기 - 깃허브 리포지터리 원격 연결하기 2021. 7. 12.

2021-07-09 (88일차)PHP, GITHUB 업로드 방법 PHP 5강~9강 - GIT : 소스코드관리, 협업가능 : GIT 클라이언트, GIT 서버가 있어야 한다. > GIT 클라이언트는 GIT 다운로드하면 됨. > GIT 서버는 원래 직접 구비를 해야 하지만, GITHUB가 대신해줌. → git 사이트 들어가서 설치 - git bash here : 탐색기를 git으로 열기 - git init : 로컬 리포지터리 만드는 명령어 - git status : git폴더 내부와 git이 속해있는 폴더의 차이점을 보여줌 ( 빨강표시 : 차이점, 초록표시 : 공통점 ) - git add : 현재폴더에 있는 모든 것들을 git 리포지터리에 넣기 - git commit : 기록했던 것을 불러낼 수 있음 - git remote add orign "깃허브 리포지터리주소" : 주.. 2021. 7. 10.

2021-07-08 (87일차)PHP개요, php, composer, vs code 다운로드 방법 - PHP 1강~4강 - PHP, JSP : 작업의 편리화를 위해 개발자들이 사용하는 언어? ex) 상단바를 바꾸라 했을 때 > php를 사용하면 한 번에 명령 가능함 - 개발환경 셋팅 방법 1 XAMPP 다운로드 : 일종의 번들 프로그램 (PHP만 다운받아도 되지만 XAMPP가 편리하기 때문에) 2 COMPOSER 다운로드 : PHP의 확장프로그램 : 우리는 언제 어디서나 PHP를 사용할 수 있도록 해주는 기능으로 사용 ㄴ 경로 PHP 선택, 체크박스 PASS어쩌구 체크, PROXY는 체크XX, 설치 3 VS CODE 다운로드 + 플러그인 설치 Bracket Pair Colorizer Auto Rename Tag Live Server Beautify indent-rainbow HTML CSS SUPPO.. 2021. 7. 10.

★2021-07-07 (86일차)두산연강재단 스와이프 30강~31강 2021. 7. 10.

★2021-07-06 (85일차)두산연강재단 스와이프 26강~29강 - 사이트 바로가기 2021. 7. 10.

2021-07-05 (84일차) 복습 스와이프 25강 - 이미지 리스트 만드는 방법 복습 2021. 7. 7.

2021-07-04 (83일차) 복습 - 이미지 슬라이드 만들기 - 슬라이드 다른 방식 찾아보기 - 웹디자인기능사 실기시험 알아보기 2021. 7. 4.

2021-07-03 (82일차) background-image에 대하여 (복습) - background-image : img태그를 사용하지 않고 이미지를 넣는 css값 ※ 이미지 태그 주요 콘텐츠는 img태그 사용, 배경역할로 꾸밈요소로 쓰인다면 background-image 사용 img 태그 : scale를 줄였을 때, 정비율로 줄어들고 비율이 달라지만 이미지가 찌그러짐 background-image : 옵션을 잘 맞춰주면 더 편하게 보여줄 수 있음 - background-size : contain; : 이미지 고유비율로 들어가고,나머지 공간은 이미지가 반복됨 ※ no-repeat 사용하면 나머지는 흰여백으로 표시됨 ㄴ background-color로 색상갑을 줄 수 있음 - background-size : cover; : 어떻게든 이미지가 반복되지 않고, 꽉 차게 나옴 2021. 7. 4.

2021-07-02 (81일차) con-padd, line-2-ellipsis, 'class101'이미지 슬라이드 모작 스와이프 20강~24강 - con-padd : 좌우에 간격을 주기 위해 con 안에 만드는 클래스 { padding-left : 20px, padding-right : 20px; } - 비율 다른 두 개의 이미지를 같은 비율로 만드는 방법 (전 날 것 복습) 1 - 배경이미지로 이미지를 넣은 엘리먼트 두개 놓기 2 - 엘리먼트::after { content : " "; , display : block;, padding-top : 100%; } 고정비율 만들기 3 - 엘리먼트 { background-size : cover, background-position: center } 고정비율에 이미지 적당히 맞추기 - 화면의 크기가 줄어 텍스트가 넘쳐도 두 줄을 유지하고, 그 이상을 넘기면 …으로 표시해줌 .li.. 2021. 7. 4.

2021-07-01 (80일차) background-image, 고정비율, css 이미지 고정비율, 슬라이더 좌우 보이게 하기, background-image에 텍스트 넣기 165~166강 ( 이미지 비율 ) 스와이퍼 19강 - 이미지가 안 나오는 경우 : 포스트이미지 사이트 (https://postimages.org/) - 스프라이트이미지 사용방법 : background-image 사용 - background-image : url( ) ; : 태그의 배경으로 이미지를 넣는 명령 : 이미지의 크기가 정해진 너비보다 작다면 자동으로 이미지가 반복되어 나옴 - background-repeat : norepeat : 이미지 반복을 멈춰준다. - background-position : 가로px 세로px : background-image를 특정너비로 자르고 사용하고 싶을 때 사용 +px : ← ↑ - px : → ↓ - background-size : contain : 이미지가 잘리.. 2021. 7. 3.

이전 1 ··· 5 6 7 8 9 10 11 ··· 15 다음

티스토리툴바