반응형
[React] ReactJS로 영화 웹 서비스 만들기 (1) 포스팅 썸네일 이미지

React

[React] ReactJS로 영화 웹 서비스 만들기 (1)

ReactJS로 영화 웹 서비스 만들기 (2) ReactJS로 영화 웹 서비스 만들기 (3) ReactJS로 영화 웹 서비스 만들기 (4) ReactJS로 영화 웹 서비스 만들기 (5) ReactJS로 영화 웹 서비스 만들기 (6) ReactJS로 영화 웹 서비스 만들기 (7) 강의 선택 작년부터 내년(2021년)엔 프론트엔드 공부를 시작하기로 다짐했고 기념비적인 첫 강의를 무엇으로 할 지 고민을 많이 했다. velopert의 누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌 nomad coder의 ReactJS로 영화 웹 서비스 만들기 zerocho의 웹 게임을 만들며 배우는 React 먼저 velopert님 강의는 목소리와 발음이 좋고 강의 내용도 입문자들이 듣기에 좋아 보였지만, 2018년..

2021.02.06 게시됨

[CSS] 공전하는 애니메이션 효과 (transform: rotate) 포스팅 썸네일 이미지

HTML&CSS

[CSS] 공전하는 애니메이션 효과 (transform: rotate)

기본세팅 HTML 1 2 3 4 5 SCSS .outer { width: 20rem; height: 20rem; position: relative; border: 2px solid #426190; border-radius: 50%; margin: 25% auto; } .satellite_wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .satellite_box { position: absolute; top: -25%; left: -25%; width: 150%; height: 150%; animation: forwardRotate 8s linear infinite; text-align: center; line-height:..

2021.02.04 게시됨

그누보드 특정 페이지에서 코드 실행하는 방법 포스팅 썸네일 이미지

그누보드

그누보드 특정 페이지에서 코드 실행하는 방법

그누보드는 기본적으로 메인 페이지에서 팝업이 노출되도록 하는 구문을 사용하고 있다. 먼저 상단에 를 실행하여 _INDEX_ 라는 변수에 true를 변환한다. 그리고 아래 조건문에서 _INDEX_가 true 일 때, newwin.inc.php 즉 팝업레이어를 실행하고 있다. 즉 팝업레이어를 실행하고 싶지 않다면 혹은 이 코드를 삭제하면 된다. 이것을 이용하면 임의의 변수를 만들고 원하는 상황에 따라 코드를 실행하는 것이 가능하다. SUB_PAGE 라는 변수를 정의하고 원하는 php 파일을 불러오거나 자바스크립트를 실행할 수 있다. 하지만 이 방법도 필요한 페이지마다 위 코드를 일일이 추가 해야 하는 작업이 필요하다. 코드 유지보수 측면에서는 훨씬 편리하지만 처음에 귀찮은 작업인 것은 분명하다. 만약 HTM..

2021.01.29 게시됨

[JavaScript] Class 클래스 (1) 포스팅 썸네일 이미지

JavaScript/기초

[JavaScript] Class 클래스 (1)

기존 프로토타입 상속 문법 function Hello (name) { this.name = name; } Hello.prototype.sayHello = function () { console.log(this.name + "님 안녕하세요."); } const h1 = new Hello('lpla'); const h2 = new Hello('coffee'); h1.sayHello(); h2.sayHello(); // 결과 // lpla님 안녕하세요. // coffee님 안녕하세요. ES6 클래스 상속 문법 class Hello { constructor(name) { this.name = name; } sayHello() { console.log(this.name + "님 안녕하세요."); } } const..

2021.01.26 게시됨

반응형