느낀점 - 드디어 배우지 않은 부분을 배웠다. perspective를 사용한 css 기법이었는데 내가 바라고 원하던 인터랙티브한 웹을 만들기 위해 한걸음 간 것 같으면서도 처음이라 어려웠다. 완벽히 이해할 수 있게 할 것이다. - 이렇게 보니까 정말 처음부터 아무것도 몰랐던 분 들은 너무 힘들었겠구나 싶었다. 더더 열심히 해야겠다. 배운점 - 어느정도의 암기는 중요하다. 많은 구현으로 코드 짜는데 익숙해지는 것이 중요하며 어떻게든 해내겠다 하면 양이 많아지며, 양이 많으면 점점 질이 높아진다고 한다. - css 작성 시, 적어도 두 개, 내 부모까지는 css를 명시하는 것이 좋다. - default display는 block이기 때문에 밀어주고 포지셔닝 하고 싶다면 일일이 inline-block으로 바꿔..
느낀점 - 이제 슬슬 체력의 한계가 오는 느낌이다. 1주일동안 가득했던 기운은 카페인을 증가시키면서 메우고 있다. 아프지 말아야 할 텐데 걱정이 크다. - 계속 마크업을 하니 마크업이 매우 익숙해지고 자신감이 생기는 것 같으면서 또 자바스크립트가 그립다. 아마 내일부터 새로운 프로젝트를 병행하지 않을까 싶다. 드디어 내가 미친게 아닌가 - 확실히 스크린리더기를 생각하는 접근성 좋은 코드를 짜야하고, html요소가 최대한 적은 마크업을 하는 것이 중요한 것 같다. 아직 css를 깔끔하게 만드는 것은 완벽하지 않은 것 같다. 완벽이란 있을 수 있는지는 모르겠지만 말이다. - 아무튼 교육받는게 요즘 너무 행복하다. 배운점 - align-items의 default는 stretch다. 이는 cross-axis를..
주말을 맞아... 열심히 클론코딩 스터디를 위한 클론코딩을 진행하였다. 토요일에는 계속 클론코딩만 진행하였고, 일요일에는 클론코딩을 어느정도 다 마친 상태에서 cs 지식을 몇가지 공부하였다. 막간 클론코딩 결과물을 보여주자면 아래와 같다. - 클론코딩을 제대로 진행 한 점은 이번이 처음이다. 우리 팀도 '처음인데 쉬워보이는거 하죠?'라고 해서 선택한 것이 위의 웹인데... 생각보다 호락호락하지 않았다. 물론 완벽히 클론 한 것은 아니지만, 그래도 결과물은 잘 나와서 나쁘지 않았다. - 전체 틀은 grid로 잡았고, 나머지 위치는 flex로 잡았다. - 변수명 짓는것이 왜 어렵다고 하는지 알았다. 어서 팀원분들에게 코드 리뷰를 받고 싶다. 코드 리뷰를 제대로 받아본 후 성장에 정말 큰 도움이 된다는 것을 ..
느낀점 우선.... 오늘 처음 제대로 코드리뷰를 받아서 참 의미가 깊다. 짧은 코드였지만 모두와 내 코드를 공유했고, 이 코드의 어떤 태그의 어떤 점 까지 상세하게 피드백 해 주셨다. 이게 진짜 코드리뷰이고 개발에 진심인 사수분들이 계신 기업으로 꼭 가야겠다는 다짐을 할 수 있었다. 그리고 이렇게 까지 css를 자세히 판 적이 있었나? 난 그저 구현을 위한 겉핥기만 해 온 것이 아닌가 반성하는 시간을 가졌다. 사실 겉핥기라도 알았기 때문에 이해도가 높았던 것 같다. 완전히 처음이었다면 이해도가 더 낮았을 것 이다. 배운점 - inline 요소는 margin-top, bottom이 안먹힌다. width도 줄 수 없다. 이러한 단점을 해결하기 위해 있는 것이 inline-block 인 것이다. - 브라우저는..
- Total
- Today
- Yesterday
- 리액트 라우터
- react router
- next.js 리다이렉트
- Til
- nuxt 공식문서 한글
- 글래스모피즘 애니메이션 구현
- nuxt 공식문서
- 10989 파이썬
- NextJS
- 리액트 파라미터 넘기기
- 카페음료테스트
- 리액트 컴포넌트
- getserversideprops redirect
- 움직이는 글래스모피즘
- 화이팅
- nextjs 파라미터 넘기기
- nextjs 스크롤
- 파이썬 정렬
- css marquee
- 파이썬 크롤링
- vscode venv
- dvd 효과
- bs4 크롤링
- 백준 10989 파이썬
- 리액트
- css 글래스모피즘
- 파이썬 flask
- 리액트 스크롤
- 글래스모피즘 구현
- 자바스크립트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |