코딩일기

 

 

1일차 (23.01.04)

-생활코딩 웹 애플리케이션 만들기

-생활코딩 WEB1-HTML & INTERNET

⤳상하언니와 스터디하면서 유현이가 추천한 생활코딩 사이트로 처음 유투브 강의를 들었다. 윤서는 책으로 공부하지말라고 추천.

생활코딩 강의는 코딩공부에 앞서 웹의 기본 개념부터 이해시켜줘서 재밌다. 아직은 세계관같은 시작 도입부 느낌.

이 강의를 많이 들어보지는 않았지만 앞으로 코딩 공부에 있어서 큰 길잡이가 되어줄 것 같다. 재밌다!

 

2일차 (23.01.05)

-생활코딩 WEB1-HTML & INTERNET 구버전

-생활코딩 WEB1-HTML & INTERNET 신버전

⤳ 승은이와 약속 후 집에 와서 공부. 웹에 대한 이해..웹서버나 클라이언트 등등에 대해 익숙해지기 시작하면서 깔라는 프로그램들을 까는데 오래된 강의라 그런지 서비스 종료되었다고 떠서 막혔다. 혼란스러워서 톡방에 뭐보고 공부했냐고 물어봤는데 친구들한테 조금 기분 상했다. 그래도 별 신경은 안쓰임 리뉴얼된 강의가 다행히 있었고 처음부터 듣기 시작했다. 인생은 태그를 배우기 전과 후로 나뉜다! 오늘은 내 인생이 나뉘는 두번째 수업 날이었다. 강의를 들으면서 코딩앱도 깔고 따라서 입력해보면서 첫 걸음마를 뗀 것 같다. 

 

3일차 (23.01.09)

-생활코딩 WEB1-HTML & INTERNET 신버전

-생활코딩 WEB1-HTML & INTERNET 부록

⤳상하언니와 스터디. 리뉴얼된 강의 끝까지 다 봤다. 코딩공부를 시작한 3일동안 난 벌써 많은 것을 할 수 있게 되었고 많은 것을 구분할 수 있게 되었으며 가장 중요한 '무엇이 모르는지 아는 상태'가 되었다. 스토리형식의 생활코딩 강의가 나랑 너무 잘 맞고 역사와 같은 웹의 발전 흐름 내용들도 정말 흥미롭게 느껴진다. 생활코딩이 말하길 가장 중요한 두가지 순간이 1.태그라는 문법을 배운 순간 2.href="링크"를 아는 순간이라고 하셨는데 링크를 맞춰서 순간 정말 기뻤다. 오늘은 기본 HTML강의를 마무리하면서 본질/교양이 아닌 혁신/직업이 될 수 있는 코딩공부를 다짐했던 날이기도 하다. 나의 WEB2, 즉 다음 스텝은 바로 CSS로 정했다!

 

4일차 (23.01.10)

-생활코딩 WEB2-CSS 

⤳요즘 정말 입학팀일이 바쁨에도 불구하고 퇴근 후 집에 와서 책상에 앉는다. 나의 이 열정도 타이밍이 중요하다고 생각해 식어버리기전에 많은 것을 하기위해..라는 생각도 있지만 근본적으로 정말 재미있어서 꾸준히 하게 되는 것 같다.  단편적인 순간이 아니었으면 좋겠다.

HTML 기초 클래스를 마치고 그 다음에 내가 선택한 루트는 바로 CSS다. 난 웹을 아름답게 만드는 것에 가장 우선순위를 두고 있기 때문이다. 앞에 HTML 강의를 들으면서 언급되는 CSS는 전혀 감이 안오고 어떤식으로 사용하게 된다는 건지도 모르는 그냥 제로베이스였는데 오늘 첫 강의만 해도 벌써 많은 것을 알게되었다. 아직 문법이나 양식같은 것들이 헷갈리긴하지만 최대한 영상 그대로 따라해보려고 한다. 다른 언어를 배우기 시작하니 HTML은 괜히 더 익숙해지고 능숙해지는 느낌. 하지만 막판에 박스모델 관련해서 사파리로 검사페이지가 열리지 않게되면서 조금 벅참을 느꼈던 것 같다.

 

5일차 (23.01.11)

-생활코딩 WEB2-CSS

⤳오늘은 고사 당일. 끝나고 오늘은 정말 힘들어서 공부 못 할 것 같았는데 또 책상에 앉게되는 것이 신기하다. 어제 마지막으로 조금 찜찜하게 마무리한 것 같아 오늘 출근길에 강의 영상을 다시 보면서 확실히 이해를 했다. 퇴근 후 크롬으로 들어와보니 검사가 떠서 다행이었다. 박스모델이랑 그리드 강의들었다. 슬슬 어려운 셀렉터가 등장하면서 헷갈린다. 지금까지 한 거 다시 해보려고 다이어트북으로 예제 만들어봤는데 선이 계속 안떠서 끙끙대다가 오늘은 여기까지 마무리했다.

 

6일차(23.01.12)

-생활코딩 WEB2-CSS

-생활코딩 CSS

⤳오늘은 힘들줄 몰랐는데 정말 더 힘든 날이었다. 그래도 퇴근을 하고 집에서 또 공부시작. 어제 안풀렸던 연습파일을 빠르게 해결했다. 코딩은 단 하나의 실수로 좌지우지되는구먼.. 그리드와 미디어쿼리를 배우고 WEB2 CSS수업을 완강했다. 포토샵에서 필터나 액션?처럼 CSS도 단일화할 수 있다니.. 정말 코딩의 세계는 무한한 것 같다. 이제 다음 단계는 단독 CSS 수업을 들어보려고 한다. 다시 기본 개념을 다지면서 내가 뭘 모르는지 파악하고 배워보자.. 오늘은 진도는 조금만 나가고 영화보다 자야지

 

7이ㄹ차(23.01.16)

-생활코딩 CSS

⤳ 아..지루해 흙흙 픽셀아트를 배워야겠다고 생각하고 며칠동안은 픽셀아트만 찾아보고 막 ㅋ 그랬더니 어려운 css는 슬슬 동태눈깔이..너무 방대한 정보가 쏟아져서 혼란스럽고 머리가 복잡하다. 하지만 중요한 것은 내가 무엇을 모르는지 아는 상태..!! 끈기를 가지고 일단 css 수업은 꼭 마무리를 보자..오늘은 많은 것을 집중하지는 못한 것 같지만 엄청난 것을 기획했다. 바로 픽셀아트를 쓰겠다는 다짐 후에 zizi island로 웹사이트의 디자인을 구상했다는 것이다! 모든 것을 알려고 하지말고.. 기획을 많이 해두고 이것을 구현하기 위해 어떻게 해야할지 열심히 탐구하다보면 실력이 늘 것 같다. 오늘은 여기까지. 내일은 더 집중하고 많은 것을 이해하자~

 

8일차<23.01.20>

-생활코딩 CSS

⤳오랜만에 코딩공부.쉽지않음. 레이아웃,FLEX 와 같은..뼈대 디자인 강의를 듣고 있다. 헷갈리고 지루함 뿡.ㅠㅠ

 

9일차<23.01.21>

-생활코딩 CSS Multi-column

-생활코딩 CSS FLEX

⤳ 설연휴 시작.. 난 코딩 공부나 할테다~오늘은 독학 개발자 유투브 영상 하나를 봤는데 자바스크립트에서 좀 위기가 찾아오셨다고 한다.. 그래 벌써부터 CSS에서 쫄면 안돼 ㅋ 내일 4시출근이라는 사실에 마음이 여유가 생겨 오늘은 맘껏 공부를 하려고 다짐했다.. 이것저것 강의 따라하는김에 내가 가장 원하던 것인 글씨체 바꾸기를 이것저것 검색해서 적용하고 나니 정말 재밌고 기쁘다! 훗.

 

10일차<23.01.21>

-생활코딩 CSS float

-생활코딩 CSS 배경

-생활코딩 CSS filter

⤳ 피자팔기전에 코딩공부 섬위에 있는 것들을 클릭할 때 그림자가 뜨는 걸 어떻게 구현하는지 은은하게 생각했었는데 hover을 쓰면되군 이런식으로 서서히 끼워맞춰가는 것같다. 뭔가..취업포트폴리오라고 생각하니깐 계속 취업에 대해 생각하게 되고? 내가 너무 부족하고 뭘 하고싶은지도 모르겠고 나의 미래가 걱정되고 그러지만..일단 내가 코딩을 시작한 첫번째 이유에 집중하려고 한다. 바로 나를 잘 표현할 수 있는 포트폴리오를 만드는 것!! 유투브에서 우연히 봤던 CSS영상 스크롤을 중점으로 표현된 거에 영감을 받아서 나의 zizi island를 구체적으로 구현하려고 한다.. 뭔가 코딩이나 디자인도 중요하지만 내용을 구조화하는 것도 중요한 것 같아 복합적으로 고민이 필요한 시점인 것 같다. 웹의 전체적인 틀은 짰다.

 

11일차<23.01.24>

-생활코딩 CSS link & import

⤳생활코딩의 CSS 수업을 다 듣고 ..자바스크립트를 배우긴 해야하는데 지금 타이밍에서 내가 잘 아는지도 모르겠고 뭘 해야할지 고민하다가 오직 html과 css만으로 홈페이지를 만들어보기로 했다. 내가 브랜딩한 네코룸의 홈페이지를 간단하게 구현해보려고 했는데 진짜 막상 시작하니까 지금 내가 엉망이라고 느꼈다. 너무 막막함을 느꼈고.. css책을 처음부터 끝까지 다시 훑으면서 개념 재정비 해야할 것 같다. 조만간 험난한 길이 예상된다.. 

 

12일차<23.01.30>

-CSS독학백서 p.1-28

⤳월요일에 승은이랑 카공하면서 미루던 코딩공부를 드디어.. 시작했으니까 이번주는 계속 고고다!! 책 끝내야지.. 어떻게 해야할지 막막했었는데 책보면서 따라하는거 대충 틀 잡았더니 좋다. 이번주는 책 끝내고 바로 예제 제작 들어가야지

 

13일차<23.01.31>

-CSS독학백서

⤳ 오늘은 몇 개 파일 만들다가 예제파일 만들기했다. 저번엔 진짜 혼자 막막했는데 그대로 서서히 감 잡아가는 중.. 막힐 때는 정말 답답하지만 혼자 끙끙대다가 오류를 찾아내면 정말 기쁘다. 이게 코딩의 매력인 것 같다. 몇 가지 부분이 안되어서 아쉽지만 그래도 잘 따라했다!

 

14일차<23.02.04>

-CSS독학백서

⤳ 며칠 공부 안했다고 벌써 다 까먹은 것 같아서 오늘 다시 한 번 예제 만들어보려고 한다... _>완료! 오늘 분량 많이 나가지는 못했는데 div클래스로 계속 내리는거 알고나니깐 앞으로 코딩하는데 조금 능숙해지지않을까하는마음..!! 투명도나 컬러같은거 다양하게 알아가고 있어서 좋다. 다음 시간에 그라디언트 할 것 같은데 예전에 예제영상으로 봤던 거 나도 이제 할 수 있다궁 영화보고 자야지

 

15일차<23.02.06>

-CSS독학백서

⤳이것저것 스킬 배웠다! 근데 왜이렇게 아직도 위치잡는게 어려울까..오늘은 디테일들 배운 것 같고 최대한 빨리 레이아웃이나 위치 쉽게 다룰 수 있었으면 좋겠다. 디테일한 스킬들 배우면서 웹사이트에서 적용할 수 있는 아이디어들이 생각나서 몹시 설렘. 픽셀아트만 생각하면 아득해지는데.. 슬슬 연습해봐야지

픽셀 생각보다 괜찮게 예제가 만들어졌다!! 잘 할 수 있을 듯 하하하 근데..시험삼아 코딩사이트에 넣어봤는데 화질이 깨진다 왜지......

하 포기하고 자려고 했는데 한 번 뒤지다가 외국인 유투브 찾아서 해결방법 찾았다..................ㅠㅠ 뭔가 코딩은 내가 순간적으로 해결못할문제가 너무 커보이고 해결하는데 시간도 오래 걸릴 것 같지만 막상 찾아보면 정보가 많아서 금방 해결이 되는 것 같음...

 

16일차<23.02.07>

-CSS독학백서

⤳새로운 픽셀 만드는 프로그램 스팀으로 다운받았는데 너무 급하게 맘 먹지 말아야지....뿡 코딩으로 넘어와서 하기 싫지만 기초 다지는게 중요하니깐 차근차근 도장깨야겠답

 

17일차<23.02.08>

-CSS독학백서

⤳오늘은 낮잠을 5시간이나 자벌임 ㅋㅋ 내일부터 충원전화돌리느랴 칼퇴는 글렀으니 오늘 많이 공부해놓기로 다짐.. 항상 위치나 비율같은게 가장 어려웠는데 오늘 flex 박스 하나씩 도장깨니깐 정말 또 많은 한계가 벗겨지고 코딩의 길이 밝아진다!!

 

18일차<23.02.11>

-CSS독학백서

⤳ㅎㅇㅎㅇ토요일 일갔다가 이윤서랑 카공하러 왔다. 독학백서 많이 남은 줄 알았는데 어느덧 마지막 예제를 앞두고 있다..!! 이것만 해내면 진짜 이제 CSS는 도장은 조금 깬 것 같다..근데 아직 못 깼음 너무 많이 막히고 머리 터질 것 같애서 픽셀아트 공부로 넘어갔다가 이윤서와서 다시 해보다가 오늘은 포기다. 월요일에 머리 식히고 다시 해봐야지 ㅠㅠ 유유 ㅠㅠ 유유유ㅠ융 ㅠㅠ

 

19일차<23.02.19> 

-CSS독학백서

⤳ 잠시 다른 이야기 유현이한테 코딩사이트만들거라고 내 우선순위는 포트폴리오라고 했는데 잘 이해를 못하는것같다. 시간 지나보면 내가 어리석게 생각한 것일수도 있고 이 시간에 다른 것을 해보는게 맞을 수도 있겠지만 일단 난 코딩할 수 있고 싶다. 그 사실은 변하지 않음 말만 하기 피곤하다. 그냥 당분간은 누구와 말을 섞지 않고 그냥..그냥 나홀로 집중해서 결과물을 내고 싶다.

 

⤳1주일간의 공백.... 핑계는 집어치고 다시 만들어서 5개를 짜는건 성공해서 얼추 페이지를 완성했다. 근데 원본 페이지와 다른 문제점

1. head랑 head-menu가 고정되지않고 줄어듬

2. 줄어들었을 때 2개가 최대인데 난 줄어드는게 아니라 그냥 안보임 

애초에 표를 사용하는게 아닌 것 같은데...난 최대값인지뭔지를 고정하는 걸 몰라서 스크롤이 세로로 확장되길래 야매로 표를 사용함 

하 완성 예제 코드 보고 그대로 따라했는데 틀리는데요? ㅗ 1번은 해결했는데....그냥 꺼져라 minmax가 안되고 있는 것 같은디..

 

20일차 <23.02.23> 

-생활코딩 JS

⤳ 자바스크립트 2일차..1일차에는 너무 겁먹어서 뒷걸음질쳐서 기록도 안했다. 영상 다시 보면서 데이터타입과 데이터처리에 익숙해진 것 같음. 연산자 불리언 등등.. 반복문 앞두고 오늘은 여기까지 !! 한시간 반 밖에 못했는데...더 오래 하면 좋겠지만 오늘 나의 저장고가 여기까지니 그 동안 배운 지식이라도 꽉 잡아놓으련..

 

21일차<23.02.24>

-생활코딩 JS

⤳ 슬슬 적응이 되는 것 같다가도 멘붕임 

 

22일차<23.03.03>

-메인이미지 제작

⤳ 자바스크립트 배우다가 일단 무작정 시작해야겠다싶어서 메인 페이지 도트작업부터 그동안 틈틈히 했었다. 이제 드디어 3월이고 웹사이트만드는 것에 80프로를 쏟을 예정.. 백년만에 쉬는 토요일이라 하루종일 속도내려고 노력했던 것 같다. 일단 나의 디자인은 아니지만 여러가지 레퍼런스 참고해서 도트를 찍고 심해 이미지는 완성했고 더 스피드내서 바다까지 작업했다! 생각보다 작업물이 숭숭 나와서 다행임.. 도트작업에만 매몰되지 않으려고 코딩도 했는데 백그라운드이미지 꽉차게 하는거 어찌어찌 검색해서 해결했다. 스크롤 아래서 부터 시작하는 것은 검색해보니까 자바스크립트같은데.. 내일은 JS강의도 같이 듣고 메인 이미지 완성을 향해 몰입해야겠다. 오늘은 정말 하루종일 즐거운 작업이었음!

 

22일차<23.03.03>

-메인이미지 제작

⤳ 잠수함그리고 유리병 그리고 책 완독한 다음에 내가 왜 포트폴리오를 웹으로 구현하는지 확실히 메모장에 정리해보았다.