web publishing/CSS3 코딩가나다 | CSS - 나 두 번째 나의 주제는 네거티브 마진이다. 강의의 시작은 코딩가나다 | CSS - 가에서 사용한 예제 코드를 기반으로 마진(margin)의 값을 조절하며 네거티브 마진을 사용하여 어떤 레이아웃을 구성할 수 있는지 보여주는 걸로 시작한다. body { background-color: #ddd; } .box { background-color: white; margin: 600px auto 0; width: 960px; text-align: center; /* 이 밑으론 디자인 적인 내용 (설명 없음) */ border-radius: 20px; border-right: 5px solid #ccc; border-bottom: 5px solid #999; } .box h1 { color: orangered; bor.. 2022. 10. 3. 코딩가나다 | CSS - 가 첫 번째 가의 주제는 가운데 정렬이다. 웹사이트(website)를 만들기 위해서 가장 먼저 해야 하는 것은 레이아웃(layout)이고 레이아웃 기법들 중 가장 보편적인 게 가운데 정렬이라고 한다. 예제 코드를 깃허브에다 올려놓긴 할 건데 이 글에도 남겨 놓겠다. CAT Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis eaque animi distinctio ipsa modi adipisci molestias laborum velit optio, delectus, eveniet, harum libero minima mollitia commodi dolore dignissimos. Cumque, optio.L 예제로 쓰일 HTML 코드이.. 2022. 10. 2. css 공부를 시작하는 이유 무작정 css 내용을 게시하는 것보단 시작하는 이유나 공부를 어떻게 진행하는지에 대한 썰을 풀며 시작해보겠다. (이 게시글을 무시해도 앞으로 게시글을 이해하는데 무관하다.) 본인이 근무하는 회사는 게임 회사인데 회사에서 웹 사이트가 필요해 외주사를 통해 웹 퍼블리싱을 진행했다. (외주사에서 전달받은 코드를 바로 사용하진 않고 React로 변환하여 작업하고 있는다.) 게임 회사다 보니 웹 개발자가 없어 본인이 해야 하는 상황인데 js나 html을 이해하고 react 변환하는 건 문제없는 것 같지만 css를 유지 보수해야 한다는 생각에 어질어질하다. 회사에서는 웹 개발 업무가 점진적으로 늘어날 것 같다는 판단이 있었는지 인력을 채용하고 있는데 본인도 면접관으로 참여하고 있다. 세명의 지원자를 면접 보면서 느.. 2022. 9. 25. 이전 1 다음
