TECHIT 멋쟁이사자처럼23 [과제]이벤트 페이지 만들기 이번 과제에서 고려해야 할 부분과 참고사항 - 개발자 그리드 - 유지보수, 재사용성, 반응형 - 픽셀 퍼펙션 어떤 식으로 구현할 것인가? 수업 진도대로 그리드를 쓰고싶은데 따로 강의를 찾아봤더니 아예 다른 방식의 사용법이였다. 아마도 그리드 시스템은 나중에 나갈 진도인 것 같고, 수업 시간에 나온 개발자 그리드(?)는 잘 모르겠다. 과제를 수행 전 예상되는 어려움 - 아직 레이아웃 잡는게 어려워서 걱정이다. - 개발자 그리드 활용 과제 수행 중 어려웠던 부분 및 느낀점 - 구글 폰트 사용 시, 사용 할 weight별로 소스를 넣어야하는건가? 몬세라트 하나로 통일돼있어서 하나 가져왔는데 weight값을 높게 줘도 예제와 차이가 났다. 사용되는 굵기 별로 모아서 소스 넣었더니 잘 됐다. - 뷰포트에 생긴 스.. 2023. 12. 28. [프론트엔드스쿨 9기]3주차 후기 공강과 연휴를 합쳐 4일의 휴식이 기다리고있던 3주차 끝. 시멘틱한 마크업이나 적절한 클래스명 짓기, 웹 접근성 이런 부분은 이해가 쉬우면서도 흥미로운 반면 CSS 너무 어렵다. 재밌지만 어렵다! 처음 배울 때 습득이 느린 편이라 더 그렇게 느끼는 것 같다. 그래도 이전의 경험들을 토대로 결국 잘 해낼걸 알기에 나를 믿어보자.. 요즘 학습 시간과 쉬는 시간의 분리가 잘 안되는 것 같다. 학습하는 중간중간 막힐 때마다 막막한 시간이 길어지면 잡생각이 난다거나, 미처 끝내지 못한 부분이나 어려웠던 부분은 머릿 속을 맴돌아서 쉬는동안에도 영향을 미친다. 학습량을 쪼개서 일주일 내내 하기보다는 확실하게 보장되는 휴일 하루를 정하고, 그 외의 날에 더 열심히 하는 방향으로 해봐야겠다. 2023. 12. 26. [과제]My Favorite Food 이번 과제는 조별 과제..! 일단 각자 스스로 구현 해보고, 조 내에서 토론(?)을 거쳐 최선의 코드를 조합하면 됐다. 우리 조는 각자의 코드를 짜깁기 하지않고, 화면 공유를 통해 아예 다같이 새로 만드는 방향으로 했다. 강사님께서 예제 만드는걸 보여주실 때, 수강생들의 의견을 들어보고 같이 만들어 나가는 느낌이 좋아서 제안한 방식이다. 먼저 스스로 해봤을 때는 구현하지 못한 부분도 있고, 전체적으로 미숙했기 때문에 다같이 머리 맞대고 만들어보면 좋을 것 같았다. 결과적으로도 CSS 기능을 이해하는데에 많은 도움이 됐다! 이전에 강사님이 레이아웃을 어떤 식으로 나눌지 그림 그려가며 보여주신게 생각나서 코드 작성 전에 한 번 해봤다. 아직 레이아웃 잡는게 어려운 편인데, 큰 부분부터 구획해가며 그려보니 한.. 2023. 12. 20. [온보딩트랙]JavaScript 기초 JavaScript 웹페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어이다. 자바스크립트로 작성한 프로그램을 스크립트라고 하며, HTML 안에 작성할 수 있다. 웹페이지를 불러올 때 자동으로 실행된다. 변수 데이터를 담아 놓기 위해 이름표를 붙여놓은 공간 var num; 변수 선언 num = 10; 변수 초기화 var num = 10; 변수 선언과 초기화를 한 줄로 작성할 수 있다. console.log(num); 를 작성하고 브라우저를 열면 개발자 도구를 통해 10이라는 값이 출력되는걸 볼 수 있다. 사용할 수 없는 변수명 1. 특수문자 2.숫자가 맨 앞에 오는 경우 3. 예약어(프로그래밍 언어 자체적으로 사용할 단어 혹은 키워드) 변수명 표기법 1. Camel Case(카멜 표기법) 맨 첫 글.. 2023. 12. 17. [프론트엔드스쿨 9기]2주차 후기 벌써 2주차가 끝났다! 매일 풀타임으로 수업 듣고, 개인 학습 시간도 가지다보니 시간이 빨리 간다. Flex에 들어서면서부터 갑자기 난이도가 확 오른 느낌이 들었다. 진도를 잘 따라가지 못하는걸 느끼며 급 우울해지는 나..ㅋㅋㅋ 배우면 배울수록 자습 시간을 더 늘려야겠다. 어차피 하다보면 또 재미는 있어서 시간가는줄 모르고 하게되긴 하는데 막상 자리에 앉는 것부터가 쉽지 않다. 겨울이라 해가 짧아서 수업이 끝나면 밖이 깜깜하다. 해 뜨기 전에 등교해서 야자 끝나고 집에 돌아가던 시절이 생각났다. 체육 시간말고는 나가서 해 볼 일이 없다보니 우울증 걸리는 것 같았었다. 나는 야행성이라고, 밤이 더 좋다고 생각했었는데 막상 해를 못보면 너무 우울하다. 난 이제 수업 끝났고, 해야 할 것들이 많은데 하루가 벌.. 2023. 12. 17. [온보딩트랙]CSS 구성(기본 구조) CSS Cascading Style Sheets 스타일과 레이아웃을 적용할 때 사용하는 스타일 시트 언어이다. HTML로 몸(뼈대)를 만들었다면, CSS는 몸을 꾸며주는 역할을 한다. Cascading은 '계단식', '폭포처럼 흐르다'의 의미인데, 상위(부모) 요소의 스타일 속성이 하위(자식) 요소에도 영향을 주는 모습이 폭포가 아래로 흐르는 것을 닮았기 때문이다. HTML에서도 태그를 쓸 수 있지만 CSS와 분리한 이유는, 정보가 담긴 코드와 디자인만 해주는 코드들이 섞이면서 코드의 가독성과 문서 전체의 일관성이 떨어져 웹 페이지가 갖는 정보로써의 가치도 떨어지기 때문이다. 그래서 HTML이 정보 전달에만 전념하도록 스타일 기능을 CSS가 하는 것이다. 마크업과 스타일을 분리함으로써 코드의 가독성과 일.. 2023. 12. 14. 이전 1 2 3 4 다음
