html, css 코딩 배우는 비영리마케터(feat. 코드잇)

 

저는 매년 새로운 것을 하나씩 배우거나 도전하는 편이에요. 올해는 코딩에 꽂혔어요🤣

 

쓸모없는 경험은 없다.

 

이 말을 되게 좋아하거든요! 그리고 실제로 그렇다고 믿고요. 그래서 회사에 다니면서도 이렇게 다양한 경험들을 쌓았어요.

 

📝블로그 & 서포터즈
네이버 블로그(누적 방문자 71만명)
서울시복지재단 서포터즈(2년)
티스토리 블로그

📸사진
취미 사진 모임(출사) 참여
인스타그램 사진 계정(팔로워 9K)
스톡 이미지 판매(300장 판매)

📚공부, 자격증 취득
사회조사분석사 자격증 취득
전산회계, 전산세무 자격증 취득
포토샵, 일러스트 강의 수강
인스타그램 마케팅 강의 수강
독서 모임, 칵테일 클래스 수강
…

 

네이버 블로그, 취미 사진 인스타그램

 

적어두고 보니 엄청 부지런한... 갓생 사는 사람처럼 보이지만, 실제로는 꽂혔을 때 몰아서 하고 그 뒤로는 흐지부지되는 경우도 많았어요. 그중에 꾸준히 하는 것은 블로그와 취미 사진 정도?

 

업무에 도움을 받으려고 배운 것도 있었고, 그냥 재미있어서 취미로 하다 보니 자연스레 업무에 도움이 되는 경우도 많았네요!

 

아무튼 올해는 코딩에 꽂혔고, 요즘은 퇴근 후 여유가 있을 때마다 HTML과 CSS 온라인 강의를 듣는 중이에요.

(처음에 자바스크립트 강의로 시작했다가 재미없어서... 바로바로 눈에 보이는 HTML과 CSS로 갈아탔어요....😂)

 

 

 

코드잇 웹퍼블리싱 커리큘럼

 

코드잇이라는 사이트의 연간 멤버십(12개월 구독권)을 내돈내산으로 결제해서 이용 중인데요. 저는 진짜 만족해요! 올해의 좋은 소비로 임명할 수 있을 만큼, 가격 대비 알찬 강의를 수강할 수 있어요.

 

 

코드잇 바로가기👇

https://www.codeit.kr/

코드잇 | 코딩, 쉬워질 때도 됐다

 

코드잇에는 코딩 관련 다양한 온라인 강의가 많이 준비되어 있어요. 저는 그중에서 '웹 퍼블리싱 시작하기' 강의를 다 듣고, 'CSS 핵심 개념' 강의를 듣는 중이에요.

 

코드잇의 최고 장점은 강의 하나가 5-10분 이내로 엄청 짧다는 것! 그래서 퇴근 후에 부담 없이 수강하기 좋아요😊

 

 

 

코딩 배우는 비영리 마케터!

 

프로그래밍 언어
컴퓨터 프로그램을 만들 때 사용하는 언어

소스 코드(코드)
프로그래밍 언어로 작성한 내용

코딩 한다
프로그래밍 언어로 코드를 작성한다

HTML, CSS
웹사이트를 만드는 프로그래밍 언어

HTML : 웹사이트의 내용 담당

CSS : 웹사이트의 스타일 담당

 

아직 기초 수준이지만 HTML과 CSS를 공부하는 게 비영리 마케터의 업무에도 정말 도움이 많이 된다는 걸 느껴요. 아는만큼 보인다는 말이 진짜였어요...

 

 

 

워드프레스로 만들어진 비영리단체 홈페이지

 

저희 단체의 홈페이지는 워드프레스로 제작되어 있는데요. 오래 전에 만들어져서 불편하다고만 생각했는데, CSS를 조금 배우고 나니 나름대로 기능은 다 갖추고 있었다는 사실이 눈에 보이더라고요!

 

게시물을 올릴 때 분명 이미지 사이에 margin(바깥 여백)을 설정했는데, 왜 내 생각대로 반영이 안되는지 엄청 답답했거든요. 그런데 어제 코드잇 강의를 듣다 보니 '마진 상쇄'라는 개념이 있다는 것과 어떤 식으로 마진이 상쇄되는지를 알게 되었어요😲

 

 

 

개발자 모드로 다른 단체 홈페이지 구경

 

그리고 F12 키를 눌러 개발자 모드 창을 켜면, 다른 기관의 홈페이지가 어떤 방식으로 만들어졌는지도 볼 수 있다는 게 정말 신기하고 재미있어요. 텍스트로 긁히는 페이지, 이미지로 업로드된 페이지 등등을 살펴보면서 우리 홈페이지와 비교해보기도 하고, 다가오는 단체 홈페이지 개편에 어떤 방식으로 의견을 내면 좋을지 정리하기도 해요!

 

 

 

워드프레스 홈페이지 더 잘 쓰는 법 공부 중

 

반응형 홈페이지라 화면 크기에 맞춰 자동으로 사이즈나 배열이 바뀌면서 깨지는 경우도 많았는데, 조금 더 공부하면 이런 문제들에도 조금 대처할 수 있지 않을까요!

 

물론 단체 내에 개발자가 있으면 가장 좋고, 아니면 홈페이지 유지 보수 업체에 요청할 수도 있지만... 작은 단체에는 개발자가 없는 경우가 많고, 업체에 요청하면 너무나 오래 걸리니😥 직접 해결하는게 제일 맘이 편해요.

 

 

 

코딩 배우는 마케터

 

티스토리 블로그는 html과 css 적용이 가능하니, 저의 소소한 코딩 공부 결과물들을 '기부로그(give-log)'에 적용해볼 수도 있겠죠😊 강의를 다 듣고, 도움되는 HTML이나 CSS 꿀팁이 있으면 블로그에 공유할게요!

 

 

---

 

 

오른쪽 하단의 버튼을 누르면
콘텐츠 만족도를 표시할 수 있어요!

1초면 완료할 수 있으니,

꼭 소중한 의견을 보내주세요😊
(응답은 익명으로 수집됩니다.)

제 블로그에서 궁금하신 내용이나
보고 싶은 콘텐츠가 있으시면
댓글·방명록에 편하게 남겨주셔도 좋아요!

 

공감과 댓글로 흔적을 남겨주시면
콘텐츠를 만드는데 큰 힘이 되어요🧡