라몽(●'◡'●)디자이너

코딩/웹디자인에 대한 정보를 다룹니다.

코딩스터디/wordpress

최고의 워드프레스 개발자가 되는 방법 최고의 워드프레스 개발자가 되는 것은 어렵습니다. 많은 에너지와 시간과 결심이 필요할 것입니다. 워드프레스를 설치하고, 몇 개의 튜토리얼을 읽은 후 몇 개의 테마를 만들었다고 해서 최고의 개발자가 되는 것은 아닙니다. 최고의 개발자는 기본을 넘어 가능성의 한계에 도전합니다. 왜 최고의 개발자가 되어야 하는가 - 큰 돈을 벌 수 있다. - 최고의 고객과 일할 수 있다. - 최고의 영향력을 갖게 된다. 하루에 한 시간씩 책 읽기 당신이 최고가 되고자 한다면, 다른 개발작업 말고도 적어도 하루에 한 시간씩 워드프레스에 관한 책을 읽고 배워야 합니다. 여기서 지름길이란 없습니다. 워드프레스를 마스터하는 데는 시간이 걸립니다. 당신이 텔레비전을 즐겨본다면 보는 시간을 줄이십시..

2021. 9. 21.

코딩스터디/wordpress

1. 닷홈에서 무료 호스팅하기 2. 워드프레스 내부에 설치하기(닷홈에서 무료호스팅 가입, cms가입정보 입력) 3. 워드프레스에서 관리자 계정으로 로그인하기 워드프레스 접속하기 [가입했던 FTP 아아디].dothome.co.kr/wp-admin jin13.dothome.co.kr/wp-admin 4. 테마 및 플러그인 설치하기(유료호스팅으로 변경 시 가능) 1. 닷홈에서 무료 호스팅하기 https://www.dothome.co.kr/ 닷홈 | 호스팅은 닷홈 닷홈은 도메인, 무료 웹호스팅, 웹빌더, 메일호스팅, SSL보안인증서, 서버호스팅, 코로케이션 등 다양한 호스팅 서비스를 제공하고 있습니다. www.dothome.co.kr 2. CMS 가입 정보 입력하기 3. 워드프레스 접속하기 [가입했던 FTP 아..

2021. 8. 30.

코딩스터디/.etc

1. 소스트리 다운로드하기 아래 사이트로 이동한 후 소스트리를 다운로드해준다. https://www.sourcetreeapp.com/ Sourcetree | Free Git GUI for Mac and Windows A Git GUI that offers a visual representation of your repositories. Sourcetree is a free Git client for Windows and Mac. www.sourcetreeapp.com 건너뛰기 나머지는 그냥 계속 다음다음 마지막에 ssh키 불러오겠냐는 창은 '아니요' 이제 만들었던 폴더를 소스트리에 가져와보자. 상단의 create아이콘을 눌러서 탐색으로 폴더 작업폴더 가져오기! (생성 후 이미 폴더가 발생했다고 뜨는 창은..

2021. 7. 8.

코딩스터디/Javascript

*선택자.classList.add('추가할 객체'); -> addClass처럼 class값을 추가 할 수 있다. *선택자.classList.Name = '추가할 객체'; -> 마찬가지로 class값을 추가하지만 기존에 있던 class값을 삭제한다. *선택자.classList.remove('삭제할 객체'); -> class를 삭제할 수 있음 *선택자.classList.toggle('추가 혹은 삭제할 객체'); -> class를 추가 혹은 삭제할 때 사용(추가되어있는 경우에는 삭제, 삭제되어있는 경우에는 추가) -> add+remove를 동시사용 가능하다. [블로그참고] https://blog.naver.com/dpqmstnqlsdl/221910895991 자바스크립트 ClassList

2021. 6. 30.

코딩스터디/Javascript

audio객체 사용법 : var audioFile = new Audio(); audio 객체 속성 - src : 음악 파일의 경로나 url을 지정 - volumn : 음악의 음량을 설정. 0~1사이의 값을 가지며, 1에 가까울수록 소리가 큽니다. - currentTime : 음악의 재생 지점. 초단위이며, 0값인 경우에 처음부터 음악을 재생합니다. - loop : 음악의 반복 여부를 결정하며 boolean 값을 갖습니다. audio 객체 메소드 - play() : 음악을 재생 - pause() : 음악을 일시정지 합니다. [블로그참고] https://blog.naver.com/sxwe12/222357483162 - 자바스크립트 오디오 객체

2021. 6. 30.

코딩스터디/CSS

display: flex - 부모요소에 설정해서 자식 요소의 레이아웃 배치 방식을 지정 - 모든 자식 요소를 inline-block형태로 변경 flex-direction: flex상의 기본축을 지정 - row : 기본축을 가로로 지정 - column : 기본축을 세로로 지정 flex-wrap : 자식요소의 줄바꿈 유무 결정 - nowrap(디폴트) : 줄바꿈 하지 않음 - wrap : 줄바꿈 justify-content : 자식요소의 기본축 정렬방식 지정 - flex-start : 왼쪽방향 정렬 - flex-end : 오른쪽방향 정렬 - center : 가운데 정렬 - space-between : 양끝을 가장자리에 붙이고 사이간격을 균등배치 - space-around : 자식 요소의 좌우 여백을 양끝에도..

2021. 6. 29.

코딩스터디/.etc

1. 깃 설치 - 홈페이지 들어가서 우측 윈도우 버전 다운로드 버튼 클릭 후 설치 https://git-scm.com/ Git git-scm.com 2. 깃허브 설치 - 회원가입 https://github.com/ GitHub: Where the world builds software GitHub is where over 65 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat... github.com 3. 깃허브에 저장소 만들기 - 작업물 올릴 공..

2021. 6. 25.

코딩스터디/jQuery

새로운 HTML컨텐츠 추가하기 - 새로운 컨텐츠를 추가할때 사용되는 4개의 제이쿼리 메서드 append() - 선택된 요소의 끝부분에 컨텐츠를 삽입 prepend() - 선택된 요소의 시작부분에 컨텐츠를 삽입 after() - 선택된 요소의 다음에 컨텐츠를 삽입 before() - 선택된 요소의 이전에 컨텐츠를 삽입 jQuery append() 메서드 - 제이쿼리의 append() 메서드는 선택된 HTML요소의 끝부분에 컨텐츠를 삽입 $("p").append("Some appended text."); jQuery prepend() 메서드 - 제이쿼리의 prepend() 메서드는 선택된 HTML요소의 시작부분에 컨텐츠를 삽입 $("p").prepend("Some prepended text."); ※appe..

2021. 6. 24.