목록전체 글 (56)

뚠뚜 개발일지

[CSS] css flexbox 속성

align-items -컨테이너 안에서 어떻게 모든 요소들을 정렬하는지 지정한다. flex-start : 요소들을 컨테이너의 꼭대기로 정렬한다. flex-end : 요소들을 컨테이너의 바닥으로 정렬한다. center : 요소들을 컨테이너의 세로선 상의 가운데로 정렬한다. baseline : 요소들을 컨테이너의 시작 위치에 정렬한다. stretch : 요소들을 컨테이너에 맞도록 늘린다. align-self -개별 요소(특정 요소)에 적용할 수 있는 속성으로 align-items가 사용하는 값들을 인자로 받으며, 그 값들은 지정한 요소에만 적용된다. justify-content flex-start : 요소들을 컨테이너의 왼쪽으로 정렬한다. flex-end : 요소들을 컨테이너의 오른쪽으로 정렬한다. cent..
공부/html_css 2022. 11. 10. 23:11
[CSS] css로 춘식이 만들기

시작하며 라이언에 이어서 춘식이를 만들어보기로 했다. 라이언은 코드가 있었지만, 춘식이는 인터넷에 뿌려진 코드가 없었기 때문에 처음부터 끝까지 내가 직접 코드를 쳐서 구현했다. 1. 색상 뽑기 : 1차로 제작한 라이언 때와는 다르게 내가 처음부터 직접 제작을 해야했기 때문에 대상 분석을 꼼꼼히 진행했다. 하지만 위치는 라이언과 대략 비슷하다고 판단하여 빠른 제작을 위해 이 부분은 스킵했다. https://imagecolorpicker.com/ 👍 Color Picker online | HEX Color Picker | HTML Color Picker Color Picker:Color Picker: With this online tool you can upload an image or provide a w..
공부/html_css 2022. 11. 9. 16:11
[CSS] css로 라이언 만들기

시작하며 회사를 다니며 공부를 병행하다보니 코드를 직접 작성해보며 개발하는 것보다는 이론공부를 주로 하게 되었고 그 부분이 현재의 나에게 큰 문제점으로 다가왔다. html과 css는 기본으로 알고 있었지만, 그 코드가 손에 익지 않았으니 완벽하게 알고 있다고 할 수는 없었다. 그래서 css부터 다시 시작하려고 한다. 코드를 안 보고 칠 줄 알아야 내꺼다 https://zinee-world.tistory.com/426 [초급 튜토리얼] CSS로 라이언 그리기(3) - CSS 주요 CSS 설명 가장 많이 사용되는 CSS들 입니다. 링크를 누르면 예제와 간략한 설명을 보실 수 있습니다. box-sizing: border-box position: relative | absolute margin: 0 auto (..
공부/html_css 2022. 11. 9. 14:56
[우아한테크코스 5기] 지원하게 된 과정 및 1주차 후기

22.09.31 마지막 출근, 그리고 퇴사한 날. 회사를 다니면서 프론트엔드 개발자 공부를 하고 있었으나, 갈수록 나빠지는 대우와 늦은 출퇴근 시간 + 야근 강요 (심지어 본업으로 인한 야근이 아닌 물류팀 포장 때문에...) 등으로 인해 더 이상 공부와 회사를 병행할 수 없다고 판단하여 퇴사를 선택하게 되었다. 22.10.06 우아한테크코스 5기를 모집한다는 정보를 입수하였다. 제대로 공부를 시작한지 일주일도 안 되었지만 회사를 다니면서 내일배움을 통해 '패스트캠퍼스"에서 html과 css 그리고 javaScript를 배웠기 때문에 스스로 자신감이 있었다. 그리고 이전 기수분들의 후기를 보고 코딩테스트가 쉬울 것이라 자만했던 일을 지금도 두고두고 후회하고 있다. 22. 10. 22 우아한 형제에서 진행하..
일상/회고록 2022. 11. 2. 14:08
이전 Prev 1 ··· 10 11 12 13 14 Next 다음