본문 바로가기
배움/스파르타코딩클럽

[스파르타코딩클럽]코딩네컷_인생사진_월간 코딩_무료 강의_2월

by 가고시마청년 2023. 2. 8.
반응형

코딩을 배우기로 하고 많은 검색을 통해 선택한 '스파르타코딩클럽'의 웹개발종합반 강의!정말 멋진 웹페이지를 제작할 수 있었기에 너무 뿌듯했다.

5주차까지 강의를 무사히 마치고 복습을 하며 개발일지도 올리며 나름 꾸준하게 코딩에 대한 공부를 이어가고 있다. (스파르타코딩클럽 웹개발종합반 개발일지는 밑에 링크를 참고해 주세요^^)

2023.01.30 - [배움/스파르타코딩클럽] - [스파르타코딩클럽] 웹개발종합반 5주 차 개발일지_팬명록_버킷리스트

 

[스파르타코딩클럽] 웹개발종합반 5주차 개발일지_팬명록_버킷리스트

새해의 큰 결심을 하고 시작하게 된 스파르타코딩클럽의 웹개발종합반 코딩 공부!!! 스파르타코딩클럽의 웹개발종합반 5주 차의 모든 과정을 무사히 마치게 되었다. 비전공자이며 관련업계에

kagoshima88.tistory.com

또 다른 강의 자료를 알아보기 위해 버릇처럼 스파르타코딩클럽의 홈페이지를 들어간 순간! 메인화면에 나타난 2월 한정 무료강의가 있었고 그건 바로 '코딩네컷' 이라는 것이었다.

스파르타코딩클럽-코딩네컷-월간코딩
스파르타코딩클럽 코딩네컷 무료강의

코딩네컷은 요즘 길거리나 번화가에 가면 많이 볼 수 있는 인생네컷과 같은 스타일로 웹페이지를 제작하는 것이다. 소중한 추억, 기억하고 싶은 장면 등을 사진으로 남겼다면 누구나 볼 수 있게 웹페이지로 제작, 꾸미고, 배포까지 짧은 시간에 배워볼 수 있는 유익한 강의였다. ( 정말 1시간 정도면 코딩을 통해 코딩네컷을 만들 수 있다. )

스파르타코딩클럽-코딩네컷-강의목록
스파르타코딩클럽 코딩네컷 강의 목록 중

'인생사진 쏙쏙 코딩네컷' 이라는 강의명으로 제작되었으며 강의자료는 물론 강의 목록이 상세하게 나와있다. 나는 스파르타코딩클럽의 웹개발종합반 강의를 통하여 웹 제작에 대한 전반적인 강의를 들었기 때문에 목록을 보면 어느 정도 흐름이 이해가 갔지만 처음 접하는 분들이 더 많을 것 같다는 생각이 든다.

처음 접하는 분들을 위해 강의 목록, 1-1 오늘 배울 것에는 '코딩네컷'이라는 웹페이지 제작을 위해 어떤 단계부터 접근해야 하는지 차근차근 설명해주고 있다. 그리고 이 강의를 다 듣게 되면 어떤 웹페이지가 제작이 되는지 예시도 보여준다.

스파르타코딩클럽-코딩네컷-예시화면
스파르타코딩클럽 코딩네컷 예시화면

위의 사진처럼 3컷의 사진과 맨 마지막에는 동영상(총 4 프레임)이 세로로 깔끔하게 게시된 웹페이지를 볼 수 있다. 예시의 경우는 배경색을 다르게 하여 2 가지의 예시를 보여준 것이다. 

자료를 보고 나니 조금이라도 빨리 코딩네컷을 만들어 보고 싶었다. 바로 강의를 듣게 되었고  첫 부분은 전에 웹개발종합반에서 배운 내용과 흐름이 비슷하여 빠르게 진행할 수 있었다. HTML 을 통해 뼈대를 구성하고 CSS 꾸미기 과정! 웹페이지 제작은 이 CSS 꾸미기 과정이 재미있는 것 같다.

스파르타코딩클럽-코딩네컷-CSS
스파르타코딩클럽 인생네컷 CSS

보기에는 복잡한 코드가 입력되는 것 같지만 강의와 함께 해보면 간단한 꾸미기 과정으로 사진을 넣을 프레임의 크기, 주변의 여백, 사진의 크기 등을 조절하는 코드라고 볼 수 있다.

처음에 이 코딩네컷 강의를 보자마자 나에게 소중했던 웨딩사진을 넣어 만들어 보고 싶었기 때문에 웨딩사진 중 잘 나온 것들을 골라 작업을 진행하였다. 사진 3장을 임의로 편하게 파일 명을 정해주고 마지막 프레임에 넣을 동영상까지 준비 완료! 강의에 설명대로 각 프레임 별 CLASS를 알아보기 쉽게 설정해 주고 그 CLASS를 꾸며주기 위해 CSS에서 꾸미기 작업까지 완성하였다.

스파르타코딩클럽-코딩네컷-완성
스파르타코딩클럽 코딩네컷 완성

나름대로 배경 사진도 웨딩 분위기와 어울리게 변경해서 올려보았다. 사진의 전체 프레임 색도 눈에 띄게 오렌지보다 살짝 진한색으로 변경해 보았다. 내가 원하는 대로 적절한 코드만 입력해 주면 사진, 배경, 글자 크기 등등 많은 것들을 쉽게 바꿀 수 있었다. 강의 마지막에는 내가 제작한 코딩네컷을 지인들과 가족들에게도 모두 볼 수 있게 배포하는 과정을 배운다. 나 또한 배포를 통하여 가족들에게 주소를 알려주었다. 강의를 다 듣고 잘 완성하니 너무 뿌듯했다.

스파르타코딩클럽은 코딩 입문자들에게 흥미를 유발할만한 기초강의를 무료로 잘 제공해 주는 것 같다. 이번 2월 한정 무료강의인 '코딩네컷' 강의도 너무 유익했으며 짧은 시간 안에 깔끔하고 멋진 웹페이지를 제작할 수 있다는 게 너무 좋았다. 소중한 시간, 남기고 싶은 사진 등이 있다면 이 코딩네컷을 통해 웹페이지 제작해 보는 것을 강추드린다.

강의를 제작해 준 스파르타코딩클럽 강사님 및 팀스파르타 많은 분들에게 너무 감사합니다!

반응형

댓글