우리가 사는 세상을 모두 알기엔 인생은 너무 짧다.!!

지혜창고

웹디자인 (웹퍼블리셔) 되고 싶은데, 뭐부터 할지 막막하다면

거북선인 2019. 12. 22. 02:07
반응형

웹디자인 (웹퍼블리셔) 되고 싶은데, 뭐부터 할지 막막하다면


이 자료는 내가 관심이 있고 기억을 하고..

나중에라고 또 보기위한 보관용입니다.


1.

웹언어 기초 학습


[브라우저측 언어] - 일반사용자가 소스보기로 코드 확인 가능.

 

HTML

홈페이지 레이아웃 뼈대 태그 (Layout)
https://homzzang.com/b/html

 

CSS 

홈페이지 주요 디자인 (CSS : Cascading Style Sheets)

https://homzzang.com/b/css

JS, JQ 

홈페이지의 역동적인 동작 및 기능  (JS : JavaScript , JQ : jQuery)

https://homzzang.com/b/js
https://homzzang.com/b/jquery

BS

HTML CSS JS JQ 기반한 반응형 홈페이지 프레임워크 (= 뼈대 = 골격 = 틀) (BS : BootStrap)

https://homzzang.com/b/bs


 
[서버측 언어] - 일반사용자가 소스보기로 코드 확인 불가.


PHP

홈페이지 작동에 필요한 서버측 웹언어

https://homzzang.com/b/php

SQL

홈페이지 데이터베이스 (DB) 제어 관리

https://homzzang.com/b/sql

 

※ 위 언어들은 상호 유기적으로 결합해 작동하므로 되도록이면 모두 학습 권장.

 

2.

빌더 레이아웃구조 파악


홈페이지 주요 레이아웃이 head. index. tail 등 어떤 파일들에 각각 들어있는지 확인

 

(예)


G5 레이아웃

https://homzzang.com/b/g5?sca=layout

 

 

 

3.

빌더 파일위치구조 파악


빌더를 구성하는 파일들이 각각 어떤 역할을 하는지 파악. (디렉토리 (=폴더) 구조 및 파일 이해)

URL 주소에 찍힌 경로의 파일을 열어 이 파일이 어떤 부분들과 연동이 되는지 분석 !!

 

(예)


G5 파일

https://homzzang.com/b/g5?sca=file

 

G5 스킨

https://homzzang.com/b/g5?sca=skin

 

 

 

4.

빌더 파일간 유기적 연동관계 파악


함수와 스킨이 각각 분할되어 있는데, 어떻게 이 파일들이 서로 연결되어 있는지 확인.

 

(예) 

G5 시스템

https://homzzang.com/b/g5?sca=system

 

 

5.

DB 테이블 및 필드 구성 파악


테이블이 어떻게 만들어지는지,
테이블과 필드 구성이 어떻게 되어 있는지 확인

 

(예) 


G5 DB테이블

https://homzzang.com/b/g5?sca=table

 

 

6.

상수, 변수, 함수 파악


상수, 변수, 함수가 어떤 파일에서 정의되는지?

변수가 어떤 파일에서 사용 가능한지?
함수를 사용하기 위해 어떻게 해야 하는지 파악.
상수, 변수, 함수를 빨리 찾아쓸 수 있도록 DB 구축.

 
(예)

G5 코드사전

https://homzzang.com/b/code

 

 

7.

스킨 분석 및 스킨 제작


1 ~ 6 이해가 어느 정도 되었으면,
아이템을 정해 줄기차게 소스 분석 및 직접 만들어 볼 것 !!

 


 

PS. 그외 팁


1. 
웹디자인, 웹퍼블리싱 용어 영어로 익히기, 검색하기

2.
관심있는 빌더 제작자 님의 질문답변 내용 자주 보기

3.
질게에 올라온 초심자들 질문에 답변달기 (암기 강화)
 

 

 

 

관심분야별 학습할 코딩언어

 

뒷단(Back-end)/서버쪽(Server-side) 프로그래머
Python, Ruby, PHP, 자바, .Net + 데이터베이스에 대한 지식

 

앞단(Front-end)/클라이언트쪽(Client-side) 프로그래머
HTML, CSS, JAVASCRIPT + 디자인감각

 

모바일 프로그래머
오브젝트C, JAVA(안드로이드). 모바일 웹 사이트를 위한 HTML / CSS. + 서버 쪽 지식

 

3D 프로그래머 / 게임 프로그래머
C/C++, OpenGL, 애니메이션 + 예술적 감각

 

고급 프로그래머(High-Performance Programmer)
C/C++, JAVA + 수학과 양적 연구의 배경 지식

 


 

코딩언어 인기순위

https://www.tiobe.com/tiobe-index/

 

http://www.bloter.net/archives/196684

http://devcodehack.com/which-programming-language-should-you-learn-to-make-money/



*코딩언어 인기순위


TIOBE Index for December 2019

December Headline: The winners continue to win

TIOBE will announce the programming language of the year next month. There are 4 candidates for this title: Java (+1.3%), C (+1.8%), Python (+1.9%) and C# (+1.4%). These 4 languages are all in the top 5. Only C++ lost some ranking points in 2019. Python is top favorite for the title. It was already programming language of the year 2018, but its popularity keeps growing. This is mainly due to the lack of programmers in the world and the ease of learning this language if compared to other languages. C is also doing well thanks to the rise of Internet of Things. Why Java and C# are doing well is unclear, but it would be the first time that C# becomes the programming language of the year. Let's see what will happen next month!

The TIOBE Programming Community index is an indicator of the popularity of programming languages. The index is updated once a month. The ratings are based on the number of skilled engineers world-wide, courses and third party vendors. Popular search engines such as Google, Bing, Yahoo!, Wikipedia, Amazon, YouTube and Baidu are used to calculate the ratings. It is important to note that the TIOBE index is not about the best programming language or the language in which most lines of code have been written.

The index can be used to check whether your programming skills are still up to date or to make a strategic decision about what programming language should be adopted when starting to build a new software system. The definition of the TIOBE index can be found here.

Dec 2019Dec 2018ChangeProgramming LanguageRatingsChange
11Java17.253%+1.32%
22C16.086%+1.80%
33Python10.308%+1.93%
44C++6.196%-1.37%
56changeC#4.801%+1.35%
65changeVisual Basic .NET4.743%-2.38%
77JavaScript2.090%-0.97%
88PHP2.048%-0.39%
99SQL1.843%-0.34%
1014changeSwift1.490%+0.27%
1117changeRuby1.314%+0.21%
1211changeDelphi/Object Pascal1.280%-0.12%
1310changeObjective-C1.204%-0.27%
1412changeAssembly language1.067%-0.30%
1515Go0.995%-0.19%
1616R0.995%-0.12%
1713changeMATLAB0.986%-0.30%
1825changeD0.930%+0.42%
1919Visual Basic0.929%-0.05%
2018changePerl0.899%-0.11%


반응형