능히 해낼 수 있다

✍️✍️✍️ 위 글은 작성자의 개인적인 경험과 생각이니 편하게 읽어 주시면 감사드리겠습니다. 지난 22년 12월 스터디를 5번정도 진행하고 6번이 되던 날. 5번의 과정동안 약간의 삐걱 거림이 있었다. 문제는 바로 스터디의 주제였던 코딩테스트가 뒷전으로 밀려나고 있다는 것 221223 STUDY: step by step Study, learn JS ✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 메가바이트스쿨 프로그램 진행에 따라 스터디도 시작하게 되었다. 스터디 조원을 나누는 zucca101.tistory.com 12월 스터디를 어떻게 진행하기로했는지는 앞글에서 확인해 주시면 되겠다. 2시간이 주어지는 스터디, 같이 모여서 공부를 하는게 가장 중요한데..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 레이아웃클론코딩을 완성하였다. 사실 완성이라고 할 순 없고, 정적인 것들, 배치, 색 정도를 html/css를 통해 비슷하게 만들었다. JS를 활용해서 슬라이드 함수 만들어서 메인섹션 한 쪽에 무한으로 돌아가는 광고 슬라이드?도 만들고싶었는데 작업기간 2주,평일 10일의 반을 css관련 내용을 익히는데 써버려서, 지난 글을 적는 5일차 시점에서야 본격적으로 배치다운배치, 색, 이미지 등을 넣을 수 있게 되었다. (31일 즘엔가 무한 슬라이드도 추가해서 푸시했당) 1차 과제의 필수 조건들 중에 꼭 해내고 싶었던 것이 아래 3가지 인데, 시멘틱 태그를 최대한 활용 CSS Flex 혹은 Grid 등을 활용 부분..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 웹 페이지를 작업하다 보면, 짜고있는 코드가 제대로 동작하고 있는지 알아야하는데, 그때 여러가지 방법을 활용할 수 있지만 VSCode를 사용하는 사람이라면 사용해봤을 법한 Extension 'LiveServer' Live Server - Visual Studio Marketplace Extension for Visual Studio Code - Launch a development local Server with live reload feature for static & dynamic pages marketplace.visualstudio.com 정말 유용한 익스텐션 중 하나인데, 이걸 사용하지 않고도 서..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). html/css 과제의 다음은 당연하게도 JS. JavaScript이다. 독학 하던시절, JavaScript를 계속 Java라고 말해서 개발자 친구에게 잘못 말할 때마다 누누히 지적 및 교정을 당한 기억이 있다. 그땐 제대로 알지도 않고 뭐가 달라 되게 지적하네 ㅡㅡ 라는 삐뚤어진 마음을 갖기도 했다. (고마오 칭구야 채고채고) J A V A S C R I P T . OKAY LEGO 자료형이란, 데이터 종류라고 불리며, 영어론 Data Type라고한다. 단어 그대로 각 데이터마다 부르는 이름이 있고, 종류가 달라 각자 하는 역할이 다르다. 자료형종류엔 원시형(primirtive)/참조형(reperence..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). html/css수업을 들으면서 1차 과제를 진행하게 되었다 그것은 바로 레이아웃 클론코딩. 웹 랜딩페이지를 봤을 때 짜여져있는 구조를 그대로 따라해 보는 것인데, 강사님의 조언으론 화려한 기술구현이 돋보이는 웹사이트 보다는 정적이고 단순하면서도, 레이아웃이 여러개 나뉘어있는 사이트로 도전하는 것을 추천한다고 하셨다. 그 말씀의 이유는 프론트엔드 개발자로서 화려한 기술을 먼저 쫒기 보다는 기본에 충실하고 Sementic Tags를 잘 활용할 수 있어야 하기 때문인 것이라는 생각이 든다. 여기서 Sementic Tags란 html안에서 뜻이없는 div태그를 남발하지 않고도 정확히 어떤위치에서 무슨 역할을 하고..