웹사이트 메인 화면 퍼블리싱
실무에서 바로 활용 가능한 기술 및 팁!
프로젝트 노하우를 통한 다양한 간접 경험!
실무 경험 빠방한! 퍼블리셔의
현장 꿀팁과 노하우가 내 거 ❤️
웹사이트의 메인화면에서 사용빈도가 높은 스크립트 UI를 배워봅니다. GNB, 배너 슬라이더, 탭, 박스를 열고닫는 스크립트 등 다양한 것을 만들어볼 수 있답니다. 비교적 간단해보이지만 차근차근 배워보면 추후에는 복잡한 UI를 퍼블리시하는데 도움이 되실거에요!
1. 영역별로 어떻게 코딩을 할지 디자인 완성본을 보고 설명하면
2. 들은 강의의 내용대로 코딩을 해본 후
3. 제가 설명한 코딩의 내용과 같은지 비교하면서 들어보세요!
웹사이트 메인화면을 똑같이 그대로 코딩해봐요!안녕하세요, 러빙코드입니다.
저는 처음 웹에 뛰어들었을 때 코딩 기술을 익히는 것보다 생소한 컴퓨터 용어를 서칭하는데 더 많은 시간을 썼던 기억이 있어요.
퍼블리셔는 디자이너와 개발자 간의 소통의 다리 역할을 하게 되는데요. 소통을 위해선 서로 간의 언어를 이해하고 재해석하는 게 중요합니다. 15년의 연차가 쌓이면서 자연스럽게 그 방법을 알게 되었고요. 저 같은 문과생이 퍼블리셔에 도전하며 겪은 경험과 노하우로 강의를 만든다면 맨땅에 헤딩하려는 분들이 조금은 덜 아프지 않을까 생각했습니다.
퍼블리셔는 다른 직군보다 진입장벽이 낮지만, 졸업까지 가는 길은 험난합니다.
하지만 기술은 열심히 하면 늘어요. 현란한 테크닉 또한 필요할 때마다 레퍼런스를 찾아서 이용해도 돼요.
중요한 건 기본에 충실해야 한다는 거죠. 기본만 알면 신기술도 쉽게 배울 수 있어요.
제가 15년 이상 현장에서 퍼블리싱하며 절대 잊지 않는 원칙이에요. 그럼 저와 시작해볼까요?
나만의 포트폴리오를
준비하는 취준생
회사에 나 혼자 달랑!
사수가 필요하신 분
독학한 퍼블리싱을
upgrade하고 싶은 분
퍼블리싱에 대한
이해도를 쌓고싶은 분
문과생이 가르쳐주는 퍼블리싱 강의는 앞으로 쭉~ 이어집니다!
1) 문과생이 가르쳐주는 퍼블리싱- 초급
2) 문과생이 가르쳐주는 퍼블리싱- 중급 현재 강의
3) 문과생이 가르쳐주는 퍼블리싱- 고급 오픈 예정
학습 대상은
누구일까요?
초급 과정 마스터 후 나만의 포트폴리오를 준비하는 취준생!
회사에 신입으로 취업했더니 나 혼자 달랑! 사수가 필요하신 분!
혼자 독학한 퍼블리싱을 검증하고 업그레이드 하고 싶은 분~
웹사이트 퍼블리싱 제작 과정에 대한 이해도가 필요하신 분!
선수 지식,
필요할까요?
문과생이 가르쳐 주는 퍼블리싱 - 초급
3년은 웹디자이너이자 플래셔로 15년은 웹 퍼블리싱과 프론트앤드 개발로 밥 먹고 사는 퍼블리셔입니다.
18년이상 it에 몸담으며
웬만한 대기업 프로젝트 경험은 다 해본 듯 하며...
최근 활동은
한화생명, BC카드, 한전, 삼성, 수협, 두산, 넥슨, 파고다, sk등 다수 프로젝트 참여!
현 팀을 운영하며 프리랜서로 활동 중!
* 퍼블리셔는 다양한 경험 만이 길게 오래갈 수 있는 경쟁력이 됩니다^^
전체
26개 ∙ (4시간 20분)
해당 강의에서 제공:
1. 오리엔테이션
02:59
2. 코딩가이드
08:47
3. 태그 리셋 및 공통 css 셋팅
11:17
4. 상단 공통 영역 설계
10:06
5. 메인배너 설계
08:59
6. 강좌 텝 영역 설계
14:05
7. 게시판 영역 설계
13:48
8. 바로가기 영역 설계
06:03
9. 하단 공통 영역 설계
09:06
전체
5개
4.8
5개의 수강평
수강평 2
∙
평균 평점 5.0
5
I am also listening to this lecture well. I am studying well thanks to the lecture that progresses step by step in an easy-to-understand manner. I am looking forward to the next lecture!!!
Thank you so much for listening to the Step 2 lecture as well as Step 1. I hope my lecture can be helpful in the field. Hug~^^
수강평 4
∙
평균 평점 5.0
5
I liked how you explained the most commonly used technologies on the main page in an easy way. If you are new to jQuery, it might be difficult, so I think it would be better to do some pre-learning first and then take the class :)
I remember you asking questions.. Thank you so much for sticking with it until the end. As you said, if you study the script part in advance, it will be very helpful~ There is also a reason why I intentionally included script sources that are frequently used in practice in the lecture because many people have difficulty listening to scripts in actual practice. I want you to use them first in practice. I hope my sources will be very helpful in practice~
수강평 1
∙
평균 평점 5.0
5
You explained it in an easy-to-understand way.
I hope that you persevere until the end and that it will be of some help in your work :)
수강평 1
∙
평균 평점 4.0
4
Everything is good, but I don't know how the results come out in real time while writing HTML, CSS, etc. I just keep writing on one screen so I don't know if what I'm doing is right... When I look at other people, they write HTML, CSS in real time on a dual screen and the results come out to the side so you can see that it's done like this, but I don't know how this is processed because I just keep coding and don't know how it's processed... I'm sorry but I'm stopping after listening to two lectures. I don't know what other people think, but I don't think it's my study style. Still, thank you for your hard work in making the lecture.
I heard you had trouble with the lecture T.T;;. If you keep listening, you can learn practical tips and mistakes that can happen in actual practice. I made the lecture structured so that you can learn about them subconsciously, but I feel bad because it wasn't helpful~ I hope you can find a helpful lecture~
수강평 1
∙
평균 평점 5.0
5
It's very helpful~
I'm glad it was helpful. I hope my lectures will be helpful in your practice as well~^^
같은 분야의 다른 강의를 만나보세요!
![Slack Clone Coding [Real-time Chat with React]講義サムネイル](https://cdn.inflearn.com/public/courses/326673/cover/e430860b-4ad4-4b01-b4c7-64dccfc64b3a?f=avif&w=420)
![[Fantasy Pig's Feet] From design to coding講義サムネイル](https://cdn.inflearn.com/public/courses/332845/cover/5d0ef569-50e5-4300-96ed-3205d526795b/332845.png?f=avif&w=420)
![Modern Web Interactive CSS3 [PART2/3]講義サムネイル](https://cdn.inflearn.com/public/courses/335745/cover/db39333d-68a5-4ca7-9629-dac891711a94/335745.jpg?f=avif&w=420)
![Modern Web Interactive CSS3 Bootcamp [Full vers.]講義サムネイル](https://cdn.inflearn.com/public/courses/334857/cover/4ccc6c75-74aa-4aba-b3d9-8aabe36e9452/334857.jpg?f=avif&w=420)
