\(@^0^@)/

REACT로 프로젝트를 할 때, 모든 CSS 요소들에 절대적인 유닛을 적용하는 것보다 상대적인 유닛을 쓰는 것이 맞는 줄 알았고, 강의 때도 그렇게 들은 기억이 있었다. 또한, 같이 공부한 팀원들도 당연히 같은 마음이어서 상대적인 유닛 (vw, vh, %)을 제공받은 wireframe을 토대로 프로젝트에 적용하였는데, 나중에 알고보니 프로젝트 디자인해주시는 디자이너분들께서 (현업에 계심) 모두 px로 사이즈를 주셔서 유닛들을 전부 다시 px로 바꾼 기억이 있다.(그 후에 미디어 쿼리로 하나하나 변경) 나는 아직 배우는 입장이다보니 현업에서 둘 중 무엇을 사용하는지 잘 모르겠다.. 어쨌든 프로젝트때도 Relative length units을 사용하긴 했지만, 정확한 개념이 아직 덜 잡힌 것 같아서 한번 짚..

- 어제에 이어 드림코딩 엘리의 프론트엔드 개발자 되기 입문편을 듣고 있는 중 이번 주는 좀 천천히 가려한다 - FlexBox만 제대로 이해해도 웹사이트의 레이아웃을 쉽게 구성할 수 있다고 하니 완벽히 내 것으로 소화해서 유용하게 써먹어보자 :) 다시 보니까 핑크색 넘넘 촌스러운데 귀찮아서 그냥 냅두겠ㅠ.ㅠ Flex Box : Box와 Item들을 행 또는 열로 자유자재로 배치시킬 수 있는 유연한 속성 ✨ [ Container 와 Item 속성 ] 1. FlexBox는 위의 그림처럼 Box(Container)와 Item에 적용할 수 있는 속성 값들이 각각 존재한다. FlexBox를 쉽게 공부할 수 있는 사이트! 개구리 세 마리들이 각각 같은 색깔의 연못으로 들어가게 만들어야 하는 게임이다. Flex-di..

새로운 블로그에 새로운 마음으로 다시 시작! CSS, HTML JS를 먼저 배워 기초를 쌓고 나서 REACT를 했어야 하는데, 기초 없이 REACT를 공부하는 바람에 개인적인 생각으론 위의 비둘기 짤처럼 진짜 '돌아만 가는' 코드를 구현한 거 같아서 이번 기회에 개념을 싸그리싹싹 머릿속에 집어넣고 제대로 된 코드를 작성해보고 싶다. 아무래도 REACT를 조금 배운 상태라, 기초를 배우면 조금 더 쉽게 다가오지 않을까 생각 중이다. 제발 그러길 오늘은 우선 프론트엔드 개발자의 마인드?를 심어놓기 위해서 드림코딩 엘리의 '프론트엔드 개발자 되기 입문편'을 순차적으로 보다가 내가 정말 기초가 없다고 느끼게 된 부분이 REACT를 하면서 계속 CSS를 써왔지만, 나는 지금 position: fixed; 와 po..