본문 바로가기

전체 글228

2021-08-01 (111일차) 자바스크립트 복습 - 드림코딩엘리 자바스크립트 기초 강의 4 듣기 - 스타트업에 대해 알아보기 - 탭메뉴 복습 2021. 8. 2.
2021-07-31 (110일차) 개인과제 - 개인프로젝트 'iloom 프로세스 페이지' ㄴ 코딩 작업시작, 새벽 7시 마침 2021. 8. 2.
2021-07-30 (109일차) css animation, 애니메이션, keyframes 167강 ~ 168강 (애니메이션 기초, floating효과) GSAP와 스크롤트리거 11강~12강 php 연습시간 ※ 구글에서 www css animation 검색하면 animation에 대한 정보가 나온다. - css animation 사용방법 anmation-name으로 애니메이션 이름 지정 후, keyframes로 움직이게 하는 원리 anmation-duration : ?s; = ?초 동안 움직이게 하기 anmation-play-state : paused; = 정지 상태 anmation-play-state : running; = 작동 상태 animation-fill-mode : forwards; = 애니메이션 작동 후 , 끝난 그 위치에 머물게 함 animation-iteration-count :.. 2021. 7. 31.
2021-07-29 (108일차)fullpage 기본셋팅, 작성규칙, Masonry, setTimeout, imageLoaded, 로딩화면, fontawesome 회전방법 PHP 페이지별 상단표시 복습 fullpage 1강~2강 Javascript 88강~89강 wiken.io 1강~2강 ㄴphp, 스프링부트, next.js 언어 중 하나로 만들 예정이라고 하셨다.. - fullpage 기본셋팅 방법 cdnjs에서 fullpage 검색 후, 처음 2개 가져오기 (fullpage.min.js + fullpage.css) - fullpage 작성규칙 1. 전체를 fullpage라는 id로 감싸야한다. 2. 페이지마다 section으로 구분 후 , section에 section이라는 class를 넣어주어야 한다. Masonry : 비율이 다른 여러장의 이미지를 나열해주는 기능 - 사용방법 cdnjs에서 masonry과 jquery 가져오기 하나의 섹션 안에 여러장의 이미지를 넣.. 2021. 7. 29.
2021-07-28 (107일차) 현재시각 표시방법, 랜덤결과, 페이지별 상단표시 PHP 45강~50강 - PHP을 이용하여 현재시각을 표시하는 방법 심리테스트 만들어보기 - 연속체크 안 되게 하는 방법 : 목록을 그룹화 해주어야 한다. (name속성을 넣어 같게 해주기) ex) 1번 2번 ※ 입력상자는 거의 form 태그에 담는다. - action은 form 안에서의 버튼을 눌렀을 때, 링크로 이동하는 역할을 해준다. - : input을 label로 감싸준다면, 텍스트를 클릭해도 클릭이 된다. → 값을 체크한 후, 버튼을 눌러 링크로 이동되면 주소 뒤에 '?name=value'가 붙는다. ex) result.php?list1=2 (2번을 체크했을 때) → 하지만, result.php에는 .. 2021. 7. 29.
2021-07-27 (106일차) SSG개요, SSG사용방법 PHP 41강~44강 SSG (Static Site Generator) : 평소에 우리가 만드는 사이트 : PHP, JSP, ASF로 만들지 않은 사이트 ※ PHP가 돌아가려면 PHP가 설치되어 있는 환경에서 실행해야 한다. 대부분의 웹서버와 GITHUB는 제공하지 않는다. PHP를 쓰려면? 1. PHP가 설치된 환경 PHP호스팅 (대부분 유료) 2. 일괄적으로 HTML으로 바꿔준 후, 올리기 SSG 사용방법 ※ XAMPP, COMPOSER가 설치되어 있어야 한다. 1. https://github.com/jhs512/php_simple_ssg 에서 CODE 다운로드 2. jsc폴더 안에 필요없는 파일 삭제 ( app.php cmd.php data.php util.php를 제외하고 삭제) 3. jsc폴더 .. 2021. 7. 28.
2021-07-26 (105일차) php사이트 포폴사이트 실험, 개인과제 작업 php 40강 - 일룸 프로세스페이지 작업 상세페이지 작업 중 - php 사이트 만들어보기 ( head와 foot은 분리) * 페이지 - 프로젝트/docs/index.php # 홈 - 프로젝트/docs/pf.php # 포트폴리오 - 프로젝트/docs/aboutMe.php # 자기소개 * 파트 - 프로젝트/docs/head.php # 공통 상단 - 프로젝트/docs/foot.php # 공통 하단 * 정적 리소스 - 프로젝트/docs/common.css - 프로젝트/docs/common.js * 제출 - 작동영상 occam으로 촬영 - 디스코드에 올려주세요. * 기반소스코드 : to2.kr/cWA 2021. 7. 27.
2021-07-25 (104일차) 자격증 공부 - 웹디자인기능사 실기 강의 듣기 웹디자인 기능사 따라하면 딴다 - 웹스토리보이 2 ~ 4 시청완료 2021. 7. 27.
2021-07-24 (103일차) 자격증 공부, 개인과제 작업 - 웹디자인기능사 실기 강의 듣기 웹디자인 기능사 따라하면 딴다 - 웹스토리보이 intro ~ 2 시청완료 - 일룸 프로세스페이지 작업 피그마 2021. 7. 27.
2021-07-23 (102일차)PHP 각각의 페이지가 페이지를 표시하는 방법 PHP 37강~39강 - 각각의 페이지가 페이지를 표시하는 방법 위와 같이 되어 있는 상황 ( 경우에 따라 변수 pageCode의 값이 다른 상황 ) 변수 pageCode의 값에 따라 변수명 값도 다르다. ( pageCode가 index이라면 $NowHomeClicked ) ( pageCode가 sub-1이라면 $NowSub1Clicked ) + $NowHomeClicked, $NowSub1Clicked 모두에게 실행될 시, active 로 치환되게 설정한 후, 적용할 부분에 클래스를 변수명으로 넣어준다. (경우에 따라 다르게 나타내기 위함) ↓ 결과 ↓ 클릭한 페이지에 따라 텍스트 색상이 바뀐다! - var_dump( ); : PHP에서 출력하는 방법 2021. 7. 25.
자바스크립트 2, 3. 콘솔에 출력, script async 와 defer의 차이점 및 앞으로 자바스크립트 공부 방향 | 프론트엔드 개발자 입문편 (JavaScript ES5+) 자바스크립트 2. 콘솔에 출력, script async 와 defer의 차이점 및 앞으로 자바스크립트 공부 방향 | 프론트엔드 개발자 입문편 (JavaScript ES5+) 자바스크립트 3. 데이터타입, data types, let vs var, hoisting | 프론트엔드 개발자 입문편 (JavaScript ES5+) - 'use strict'; : 자바스크립트 맨 앞에 넣어주면 오류가 나면 알려주는 명령 - 변수 (variable) ex) let (added in ES6) - hosting : 어디에 선언했느냐 상관없이 선언을 항상 가장 위로 끌어올려줌 - constants (≠변수) : 한 번 할당하면 값이 절대 바뀌지 않음 ex) const - C언어의 경우 short, int, long : 정.. 2021. 7. 23.
2021-07-22 (101일차) 퍼블리싱하는 방법, 100일자 PHP복습 PHP 36강 퍼블리싱 방법 - 100일자 PHP 복습 ㄴ 각각의 페이지가 다른 Title을 가지도록 하는 방법 - Command창 tip - cd.. : 상위 폴더로 이동 - cd ~ : 하위폴더 ~로 이동 - GITHUB PAGE 만들 때 이미지,비디오 넣는 방법 : https://rawcdn.githack.com/[깃허브아이디]/[리포지터리]/master/[경로] 경로 = doc부터 쓰기 ex) https://rawcdn.githack.com/manyrice/repositary/master/docs/pf/work/resource/banner_1.png 2021. 7. 23.

티스토리툴바