본문 바로가기

전체 글

(44)
CSS로 요소 가운데 위치시키기 ? : CSS 코드를 작성할 때, 요소를 가운데 정렬하는데 어려움을 겪은 적이 있나요? 나 : 🙋‍♀️... 그래서 정리해본다. CSS로 요소를 가운데 정렬하는 방법! 아래 방법 중 한 가지만 적용해도 가로, 세로 가운데 정렬이 가능하다. 기존 세팅 HTML HTML 코드는 아래에서 변함이 없다. CSS html,body 태그에 height: 100%를 준다 html, body { height:100% } .outerDiv { background-color:darkseagreen; width:250px; height:250px; } .innerDiv { background-color:teal; width:100px; height:100px; } 1. 부모요소에 flex 속성 부여 부모 요소에 한 방향 레..
CRUD와 HTTP 요청 메소드 CRUD 데이터를 다룰 때 큰 틀의 기준이 되는 4가지 요청으로, 대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능인 Create(생성), Read(읽기), Update(갱신), Delete(삭제)를 묶어서 일컫는 말이다. ex. 클라이언트 💻 : CRUD에 따라 타임라인에 사진을 ~해줘! 라고 한다면, 각 요청의 뜻은 아래와 같다. CRUD 요청의 뜻 Create 올려줘 Read 불러와줘 Update 바꿔줘 Delete 지워줘 CRUD와 HTTP 요청 메소드의 상관관계 1. API (Application Programming Interface) CRUD와 메소드의 관계에 대해 학습하기 전, API에 대한 이해가 필요하다. API : 클라이언트와 서버가 같은 서로 다른 프로그램에서 요청과 응..
CSS | Flex 노마드코더 코코아톡 클론 강의를 들으며 CSS Flex에 대한 이해가 부족함을 알았다. 어떻게 하면 더 정확히 이해할 수 있을까 공부하던 중 1분 코딩 포스팅을 접했고, 친절한 설명과 직관적인 그림이 곁들여진 예시 덕분에 이해할 수 있었다. 그 외 자료들도 학습 후 이해한 내용을 바탕으로 내 식대로 정리해보기 1. Flex (=Flexible Box, Flexbox) 레이아웃을 위한 기능으로, 하나의 flex item이 자신의 container가 차지하는 공간에 맞추기 위해 크기를 키우거나 줄이는 방법을 설정하는 속성 먼저, Flex 레이아웃을 위한 기본적인 HTML 구조는 아래로 설정해두려 한다. box1 box2 box3 이 때 div.container는 flex 속성의 영향을 받는 전체적인 공간, ..
4년차 로펌비서였던 내가 개발자가 되기로 한 이유 햇수로 4년차 로펌비서인 나는 개발자로 커리어 전환을 준비하고 있다. 새로운 시작을 앞둔 나에게 의지를 다지기위해, 또 미래의 내가 초심을 잃지 않도록 진솔하게 적어보는 글. 어영부영 가진 첫 직업, 로펌비서 경영학도인 나는 대부분의 문과생들이 그렇듯 졸업반이 되자 대기업의 상대적으로 티오가 많은 직무(ex.영업관리)에 벌떼같이 지원하고 떨어지기를 반복했다. 그러다 지인의 추천으로 처음 알게 된 직업, 로펌비서 수 년간 내 일정을 관리하고 계획을 세우는 습관을 가지고 있기에 큰 고민없이 나와 잘 어울릴 거라 생각했다. (우선 취업을 해야겠다는 마음이 강했고, 주변의 잘어울린단 말도 한 몫했다.) 그 날 바로 대형로펌의 비서직 공고에 지원했고, 운좋게 좋은 결과를 얻게 되어 3개월이란 짧은 취업준비 후 취..