느낀점 우선.... 오늘 처음 제대로 코드리뷰를 받아서 참 의미가 깊다. 짧은 코드였지만 모두와 내 코드를 공유했고, 이 코드의 어떤 태그의 어떤 점 까지 상세하게 피드백 해 주셨다. 이게 진짜 코드리뷰이고 개발에 진심인 사수분들이 계신 기업으로 꼭 가야겠다는 다짐을 할 수 있었다. 그리고 이렇게 까지 css를 자세히 판 적이 있었나? 난 그저 구현을 위한 겉핥기만 해 온 것이 아닌가 반성하는 시간을 가졌다. 사실 겉핥기라도 알았기 때문에 이해도가 높았던 것 같다. 완전히 처음이었다면 이해도가 더 낮았을 것 이다. 배운점 - inline 요소는 margin-top, bottom이 안먹힌다. width도 줄 수 없다. 이러한 단점을 해결하기 위해 있는 것이 inline-block 인 것이다. - 브라우저는..
- section 내부에 section을 넣지 않는다. 근데 실무에서는 div를 그냥 많이 쓰나보다. 역시 속도가 중요한걸까... 이래서 드는 생각인데 왜 자체서비스를 개발하는 회사로 가려고 하는지 알 것 같다. 그렇지 않으면 코드를 찍어내는 기계가 돼야 하지 않을까? 물론 개인적인 생각이다. - /* 오직 one이라는 클래스가 있는 요소 하나만 적용됨 */ div[class="one"] { background-color: red; color:white; } /* one이라는 클래스가 있는 요소 모두가 적용됨 */ div[class~="one"] { background-color: red; color:white; } /* 문자열 중간에 어디든 one이 있는 클래스가 있으면 모두 적용됨 */ div[cla..
- shadow dom이란: shadow dom은 dom의 구조를 가지고 있으나 외부에는 노출되지 않은 dom을 말하며 dom의 구조를 캡슐화할 때 사용한다. 출처 이를 따로 확인하기 위해서는 크롬 익스텐션에서 아래의 설정을 켜 주면 된다. - vscode htmltagwrap을 설치하고 option + w를 쓰면 글을 감싸는 태그를 바로 만들 수 있다. - br 태그를 자주 썼었는데 이제 쓰면 안될 것 같다. br 태그로 개행을 주면 스크린리더가 br을 읽다가 멈춘다고 한다. 그래서 누군가는 span으로 주거나 그냥 css로 조정한다고 한다. 그러나 실무에서는 빨리 코드를 작성하려면 div처럼 쓰는게 좋지 않지만 쓴다고 한다. 아마 회사마다 룰이 다를거라 생각한다. - 공백은 라는 엔티티 코드를 사용한..
- 워킹백워즈(working backwards)방법론: 보통은 서비스나 제품을 만들 때 기획을 먼저 하곤 함. 그러나 기획을 먼저 하면 과정이 길어지기 때문에 거꾸로 진행하는 것 이다. 우선 언론 보도 자료를 뿌린다. 그렇게 해서 보도자료에 사람들에게 주는 매력 포인트가 없다면 그 프로젝트는 완전히 진행하지 않는 것 이다. 탁월한 서비스나 제품들을 만드는 프로세스이며 사용자 입장에서 생길 수 있는 모든 질문들을 우선 생각해보고 어떻게 대응할지 계획을 하는 것 이다. - 좋은 포트폴리오는 자신의 물리적인 결과물이 아닌 그 중에서도 나의 역량을 보여주어야 한다. 어떤걸 잘하기 위해서 어떻게 문제 해결을 했는지 노력했는지를 보여주는 것이 앞으로의 성장 가능성, 방향성을 보여준다. 어떤 부분을 내 장점으로 가져..
- Total
- Today
- Yesterday
- vscode venv
- 10989 파이썬
- 파이썬 flask
- 리액트 파라미터 넘기기
- 백준 10989 파이썬
- 자바스크립트
- next.js 리다이렉트
- 카페음료테스트
- 파이썬 크롤링
- Til
- 글래스모피즘 구현
- NextJS
- 글래스모피즘 애니메이션 구현
- getserversideprops redirect
- css 글래스모피즘
- nextjs 스크롤
- bs4 크롤링
- nuxt 공식문서 한글
- 리액트
- 리액트 컴포넌트
- nextjs 파라미터 넘기기
- 리액트 라우터
- 리액트 스크롤
- 화이팅
- react router
- 파이썬 정렬
- css marquee
- dvd 효과
- nuxt 공식문서
- 움직이는 글래스모피즘
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |