코딩의 ‘코’도 모르는 비전공자를 위한 워드프레스로 서비스 만들기

코딩의 ‘코’도 모르는 비전공자를 위한 워드프레스로 서비스 만들기

Coding and WordPress

본격적인 프로그래밍은 아니더라도, 코딩에 대한 관심과 기초지식은 쌓고 싶은 사람들 하지만 목적없는 공부는 금방 흐지부지가 되어버리고 말죠. 그렇다면 나만의 포트폴리오, 또는 블로그를 만들어보면서 IT의 세계에 입문해보시는건 어떨까요?

워드프레스는 어려운 코딩 없이도 간단한 웹 사이트를 빠르게 만들 수 있어요. 기본적인 블로그부터 쇼핑몰까지 원하는 서비스를 만들어보세요.

 도움이 되는 분들

코딩이 궁금한 분들

본격적으로 개발자가 되고 싶은건 아닌데, 코딩을 교양으로 배워보고 싶다면 이 로드맵으로 가볍게 시작해보는 건 어떠세요?

비전공자지만 IT에 관심있는 분들

IT에 대해서 더 알고 싶지만 코딩이라는게 대체 뭔지 감도 안잡힌다면, 기초 지식을 쌓고 천천히 관심사를 넓혀보세요!

나만의 사이트를 갖고 싶은 분들

링크 한 줄로 나를 표현한다면 멋지지 않을까요? 길고 긴 포트폴리오를 하나의 웹사이트로 깔끔하게 표현해보세요.

아무나, 누구나, Everyone!

기초부터 시작하기 때문에 누구나 시작할수 있어요

 해내면 얻게 되는 것들

코딩 기초 지식

나만의 웹사이트

새로운 커리어

 로드맵

기본중의 기본 HTML

웹의 근간이 되는 기술, HTML 문서와 웹페이지를 직접 만들어 보며, 누구나 코딩을 시작할 수 있어요.

CSS로 예쁘게 꾸미기

HTML을 통해서 기초 뼈대를 알았다면 예쁘게 꾸며주는 CSS로 더욱 아름답게 꾸며보세요.

워드프레스를 이용한 웹 사이트 개발

개발에 대한 깊은 지식이 없어도 간단한 홈페이지를 제작할 수 있게 도와주는 워드프레스를 이용해보세요.

PHP 심화 코딩

백엔드 언어의 대표적이고 대중적인 PHP로, 심화 코딩의 세계로 나아갈 수 있어요.
0 부터 시작하는 웹 프론트엔드 개발자 과정 – 입문부터 퍼블리싱, Vue.JS 까지

0 부터 시작하는 웹 프론트엔드 개발자 과정 – 입문부터 퍼블리싱, Vue.JS 까지

웹 프론트 Vue.js로 정복하기

웹서비스를 개발하는데는 크게 두부분으로 나뉩니다. 사용자들이 직접적으로 이용하게 되는 Front-End 부분, 기능과 데이터를 관리하는 Back-End. 이 과정은 프론트엔드 개발에 필수적인 HTML-CSS-JAVASCRIPT 를 순차적으로 학습하고, 더 나아가 javascript 프레임워크까지 배워 실제 웹서비스의 프론트 영역을 만들 수 있도록 구성했습니다.  

도움이 되는 분들

프로그래밍에 대해 전혀 아는게 없는 분

아무것도 모르는 사람도 HTML 의 태그부터 차근차근 학습할 수 있습니다.

퍼블리싱 – JS프레임웍까지

화면단을 만드는 HTML-CSS 을 학습한후 개발자로 성장할 수 있는 Javascript, VueJS 프레임웍까지 주니어 프론트 개발자에게 필요한 모든것을 배울 수 있습니다.  

화면단을 이쁘게 만들고 싶은 백엔드 개발자

대략의 개념만 알고 전체 화면을 완벽하게 꾸며본 적이 없는, CSS 백엔드 개발자라도 이쁘고 꼼꼼하게 화면을 구성할 수 있습니다.
 

해내면 얻게 되는 것들

로드맵

웹의 뼈대를 만드는 기술 HTML (무료)

HTML 의 기본을 차근차근 이해하기 쉽게 설명해 줍니다. 또한 HTML5 에서 새롭게 추가된 부분들을 소개합니다.

뼈대에 색과 옷을 입혀주는 CSS (무료)

CSS 는 HTML 문서를 꾸며주는 언어입니다. 단순하게 색만 입히는 것이 아니라 위치, 모양, 속성 등을 통해 시각적으로 이해하기 쉽고 아름다운 정보를 만들어 주는 중요한 언어입니다.

[심화] 앤서블(Ansible)을 깊이 있게 활용하기

단순하게 작성했던 코드를 좀 더 구조적으로 효율적으로 동작하도록 만들고, 재사용할수 있도록 코드를 만들어 보겠습니다.
WENn(생활코딩) – 쌩기초부터 웹 사이트 구축까지

WENn(생활코딩) – 쌩기초부터 웹 사이트 구축까지

나만의 웹 사이트 만들기 마스터까지

웹 사이트를 만들어보고 싶은데 어디서 부터 시작해야할 지 막연하다면 이 로드맵을 따라오세요.
진짜 초보는 내가 뭘 모르는 지 모르는 상태라구요. 이런 완전 초짜를 위한 기초부터 차근차근 시작할 수 있는 과정입니다 🙂

WEBn은 WEB 1 → WEB 2 → WEB 3 → 의 단계만 지켜주시면 돼요. 아래의 로드맵의 순서를 꼭 지키실 필요는 없어요!

내가 원하는 WEBn을 골라서 따라가다보면 어느새 나만의 사이트가 만들어져 있을거에요.

 

도움이 되는 분들

프로그래밍의 ‘프’도 모르지만 도전하고 싶은 분들

이제는 초-중학생도 배우는 코딩. 이제라도 배워봐야할 것 같은데 어디서부터 시작해야하나 고민이라면 이 로드맵으로 도전해보세요. 컴퓨터에 대해서 하나도 몰라도 기초부터 배울 수 있어요.

이제는 IT지식도 함양하고 싶은 문과생

문과생도 이제는 코딩할 줄 알아야한다는 말. 막연히 배워야지 생각은 하는데 그래서 뭘 배우라는 건지 모르겠다면 이 로드맵이 적절하겠네요.

나만의 포트폴리오 사이트를 만들고 싶은 취준생

자기소개서를 웹으로 만들어보세요. 면접관에게 나의 역량을 강력하게 어필할 수 있어요.

아무나, 누구나,  Everyone!

프로그래밍을 시작하는데는 구별 차별이 없습니다. 간단하게 예제를 따라하다 보면 자연스럽게 실제 개발 경험을 쌓을 수 있지요!

 

해내면 얻게 되는 것들

로드맵

컴퓨터, 웹, 코딩, 프로그래밍의 시작 – WEB 1

일반인에게 프로그래밍을 알려주는 활동 ‘생활코딩’의 이고잉님이 진행하는 Web 1 – HTML 강좌 입니다. 웹의 근간이 되는 기술. HTML 문서와 웹페이지를 직접 만들어 보며, 누구나 코딩을 접해볼 기회를 제공합니다.

WEB 2- CSS

웹 사이트를 예쁘게 꾸며주는 CSS 수업입니다.

WEB 2- Javascript

Javascript를 이용해서 좀 더 활동적인 웹 사이트를 만들어 보세요.

WEB 2- PHP / python

기능을 구축하기 위한 백엔드 언어를 학습합니다. PHP / Python 등의 다양한 언어 중 원하는 배우고 싶은 언어를 선택해보세요

Database – MySQL

이 강좌는 데이터베이스, 그중에 관계형데이터베이스에 대해서 학습해보는 MySQL 강좌 입니다.

web3 php&mysql

PHP와 MySQL을 연동해서 웹의 접근성과 데이터베이스의 탁월한 정보관리 기능을 모두 갖춘 현대적인 웹애플리케이션을 구현하는 방법을 알려드리는 수업입니다.

공도리의 HTML5와 CSS3를 이용한 홈페이지 개발

공도리의 HTML5와 CSS3를 이용한 홈페이지 개발

배우러 가기

1. 공도리의 HTML5와 CSS3를 이용한 홈페이지 개발

HTML5와 CSS3를 익숙하게 다루고 싶으신가요? 아니, 더 간단하게 말하자면 내가 원하는 디자인의 홈페이지를 내 손으로 직접 개발하고 싶으신가요? 그렇다면 정말 잘 찾아오셨습니다. 제가 홈페이지 개발을 처음 배웠을 때 어려웠다고 느낀 점들을 쉽게 풀어 설명해드릴 수 있어 영광입니다. 저에게는 강의를 쉽게 해야 한다는 의무가 있다면 여러분에게는 외워야 할 CSS3의 스타일 속성명들과 HTML5의 태그명들이 많으니 외우고 실습해봐야 한다는 의무가 있습니다. 직접 실습을 하며 배워야만 곧 스스로가 홈페이지를 쉽게 개발할 수 있는 지름길입니다.
본 강의는 필자가 이미 만들어 놓은 홈페이지를 따라 만들어보는 데에 목적이 있습니다. 따라 만들기 위해 필요한 HTML5의 태그명이나 CSS3의 속성명들을 하나하나 천천히 배우면서 익히시면 어느새 나도 이렇게 간단한 홈페이지를 만들 수 있게 된다는 것을 알게 되실 거예요. 그럼 이제 웹 개발을 향한  첫걸음을 천천히 내디뎌 보도록 하죠!

이 수업에서는 아래와 같은 내용을 배웁니다.

– HTML5 기본 소스와  자주 사용되는 DIV 태그, A 태그, LINK 태그를 살펴봅니다.
– 디렉토리의 개념을 알아보고 내가 접근하여 출력하려는 이미지가 위치한 폴더를 기준으로 어디에 있는지 명시하도록 어떻게 코딩하는지 알아봅니다.
– CSS3의 기본 속성인 DIV 테두리와 사이즈, background, text-align, float 속성등을 살펴봅니다. float 값에 따라 어떻게 DIV의 레이아웃이 바뀌는지도 알아봅니다.
– 이미지 파일로 배경넣기와 로고 넣기를 배워봅니다.
– CSS3의 속성 중 position 속성을 이용하여 top, left, right, bottom의 속성에 대해서 살펴봅니다. 가장 중요한 position: absolute 속성과 relative 속성이 어느 차이를 가지고 있는지에 대해서도 살펴봅니다.
– 공도리의 홈페이지 만들기 강의들을 수강하고나서 실전으로 직접 홈페이지를 만드는 연습을 해봅니다.
– 자주쓰는 기타 CSS3 속성들에 대해서도 배워봅니다.
로고만들기 배경만들기

 

2. 도움이 되는 분들

  • HTML5, CSS3를 배우며 이미 만들어진 홈페이지를 기준으로 어떻게 만드는지에 대해서 강의를 하므로 홈페이지 개발을 처음 접하시는 분들과 홈페이지 개발이 어렵다고 느끼시는 분들께 도움이 됩니다.

3. 학습 목표

  • 본 강의에 포함된 공도리의 간단함 홈페이지 만들기 1탄과 2탄을 모두 수강하시면 자신이 원하는 홈페이지의 레이아웃과 디자인을 자유롭게 HTML5와 CSS3를 이용해서 개발할 수 있습니다.

4. 지식공유자 소개

이우진
현재 대진대학교 컴퓨터공학과에 재학하고 있는 대학생 이우진입니다. 함께 개인 홈페이지인 공도리(http://gongdori.co.kr)를 운영하고 있습니다.

경력

2018 미니해커톤 제 3회 공개소프트웨어 커뮤니티데이 webOS 부문 3등 수상

배우러 가기

처음 시작하는 jQuery Programming

처음 시작하는 jQuery Programming

배우러 가기

1. JavaScript를 보다 쉽고 강력하게 사용할 수 있는 jQuery

jQuery _
HTML5 시대가 되면서 JavaScript는 굉장히 중요한 개발언어가 되었습니다. 사용자와 소통하고 사용자에게 맞춘 서비스를 개발하기 위해서는 JavaScript가 필수입니다. 이때문에 JavaScript를 보다 쉽고 강력하게 사용할 수 있는 jQuery 의 중요성 커지게 되고 현업에서 jQuery를 사용하지 않는 개발분야가 없을 정도로 많은 곳에서 jQuery를 사용하고 있습니다.

본 강좌는 jQuery에 대한 기본적인 문법부터 HTML, CSS 제어, 효과, Ajax 통신까지 상세하게 다루고 있습니다.대부분의 강좌가 실습 위주로 되어 있으며 누구나 쉽게 학습할 수 있도록 구성하였습니다.저희 소프트캠퍼스는 보다 많은 강의로 찾아뵙겠습니다. 감사합니다.

2. 참고 사항

  • 선수 지식으로 HTML, CSS, JavaScript 지식이 필요합니다.

3. 도움이 되는 분들

  • 대학생, 일반인, 개발자 등 jQuery에 대해 관심이 있는 사람이라면 누구나 대상이 됩니다.

4. 배우는 것들

  • jQuery 이론 부터 효과 및 애니메이션 등의 간단한 실습을 배웁니다.

5. 지식공유자 소개

(주)소프트캠퍼스 개발 이사

강의는 삼성멀티캠퍼스,부산정보산업진흥원,전주정보문화산업진흥원,인천정보산업진흥원,한국전파진흥원,SK C&C,T 아카데미,한국로봇산업진흥원,대전 ETRI,삼성전자,nica 교육센터,한국생산성본부, 한화 등 국내 유명 기관에서 현직 재작자 및 미취업자를 대상으로 강의를 15년차 개발과 강의를 진행 하고 있습니다.

최대한 쉽게 강의 하여 실습에 적용하도록 예제를 만들고 설명을 하고 있습니다. 오프라인 수업이 아니므로 모르는 것은 질문&답변을 이용해주세요. 꼭 해결해드리겠습니다.

배우러 가기