분류 전체보기

보호되어 있는 글입니다.

보호되어 있는 글입니다.

1. node.js 다운로드2. 프로젝트 폴더 생성(최상위폴더)3. window + r >> powershell 검색4. Set-ExecutionPolicy RemoteSigned >> y 또는 Set-Executionpolicy -Scope CurrentUser RemoteSigned >> Y (무반응이면 됨)5. 생성한 폴더 vs code화면 메인에 드래그해서 열기6. 새 터미널 열기7. npm create vite@lastest >> porject file 이름 작성8. cd 경로 경로 >>원하는 폴더로 경로 지정9. npm install (vue를 원활하게 사용도록 설치)10. npm run dev (미리보기 주소 제공)11. src 폴더 안에 있는 App.vue >> 최상위 파일(항상..

https://shynaunum.tistory.com/38

1. slide1~3 position absolute 적용은 동일2. s2, s3 위치값을 변경 상/하 슬라이드 slide2{left:0 / top:main높이값 만큼 -(음수)로 지정} slide3{left:0 / top:main높이값 만큼 -(음수)로 지정} 좌/우 슬라이드 slide2{left:main의 너비값만큼 적용/top:0} slide3{left:main의 너비값만큼 적용/top:0} 페이드 인아웃 슬라이드$(".s2, .s3").hide(); setInterval(slide, 3000) let i=0; function slide(){ i= i==2?0:i+1; $(".slide").eq(i).siblings().fadeOut(1000); $(..

1. sutlnterval(코드, 시간) ㄴ시간마다 코드를 실행 2. 함수 선언function 함수이름(){ 실행할 코드} 3. if문if(조건){ 결과1(true)}elsw{ 결과2(false)} 4. $(선택자)eq(index) -->eq: 선택자의 주소값 // main slide fadein fadeout 유형 $(".s2, .s3").hide(); setInterval(slide/*함수*/,3000); //slide함수를 3초마다 불러냄 let i=0 function slide(){ if(i>2){ i=0 //=: 대입연산자(연산자 우선순위에서 가장 마지막에 수행) }else{ i=i+1 } $(".slide").eq(i).siblings().fadeO..

우선 ‘떠남’의 유혹에 대해 논해 보자. 여행은 떠나면서 시작하지만, 돌아오면서 마감한다. 사람에게 ‘귀환’이란 말만큼 중요한 의미를 갖는 단어도 드물다. 인간은 어떤 의미에서 ‘돌아오는 동물’이다. 물론 돌아오기 위해서는 어디론가 떠나야 한다. 출발이 전제되지 않은 귀환이란 있을 수 없기 때문이다. 귀환의 감동을 온몸으로 느끼기 위해서도 어디론가 떠나야 한다. 순례자도 돌아오기 위해서 떠난다. 성지에 영원히 머물기 위해서가 아니라 자신이 출발했던 곳으로 돌아오기 위해 멀고 먼 순례의 여정을 인고한다. 끊임없는 방랑의 여정을 체화한 것 같은 유목민도 사실 이곳저곳 ‘돌아갈’ 수 있는 장소를 정해놓는다.인간은 돌아올 수 있다는 가능성 때문에 여행이라는 모험을 시도하는지 모른다. ‘무사히’ 돌아와서 ‘의미 ..

var 변수이름 ㄴ기본let 변수이름 ㄴ변동적인 변수(계산식)const 변수 이름 ㄴ고정값 변수 지정: 영어, 숫자, 언더바(sns 아이디 만들때랑 똑같음) 데이터 타입수치형(nuber): 정수나 실수가 될 수 있음문자열(string): 문자들이 연결된 것. 텍스트부울형(boolean): true 혹은 false / 둘중 하나의 값만 가짐 변수: 값이 저장되는 곳(주소)함수: 독립적으로 수행할 수 있는 명령의 단위객체: 독립적으로 존재하는 고유한 대상 (속성, 매서드 보유) $(선택자).속성/메서드/이벤트()선택자: 스크립트를 적용할 대상 (자바스크립트 객체는 그냥 작성. HTML요소는 ""/"구분) ex. $.(".menu>li"), $(this), $(window) 속성: ..

보호되어 있는 글입니다.

.notice { margin: 10px;}.notice>li { display: flex; justify-content: space-between; line-height: 200%;}.notice>li>a { width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.notice>li>a:hover { text-decoration: underline; font-weight: bold;}