회고록 블로그

인프런에서 수코딩님의 '만들면서 배우는 HTML/CSS' 강의를 들으며 CSS를 복습하고 있는데, 듣다가 꼭 필기해둬야 할 것 같은 내용을 찾게 되어서 정리해두려고 한다. 만약 태그로 감싼 컨텐츠를 나란히 일렬로 붙여서 정렬하고 싶다면? 아래와 같은 HTML 문서가 있다고 가정하자. 1번 링크 2번 링크 3번 링크 이때 style.css 파일에는 아래와 같은 코드가 적혀있다. .content__list > li{ display: inline-block; height: 52px; border: 1px solid black; border-radius: 50%; } 위의 문서는 태그에 대해서 블록(block)의 성격을 띄면서 inline으로 나란히 배치하도록 했다. (display: inline-block;)..

이 글을 쓰기까지 꽤나 오랜 시간이 걸렸다. 3월 24일에 처음 파일 디스크립터를 공부하기 위해, 자료를 수집하며 공부를 하고 글을 썼는데 네 시간 동안 출처와 함께 정리한 글이 모두 날아가고(...) 마음의 상처를 받아 절대 다시는 정리글을 쓰지 않겠다고 눈물을 흘리다가 결국 오늘 다시 돌아와서 파일 디스크립터를 정리하는 글을 쓰고 있다. 다시는 날아가지 않도록 가능하면 초안은 노션(자동저장)에 써놓고 티스토리에는 나중에 옮겨 적어야겠다.. 🥹 ※ 필자는 초초초초보자입니다. 틀린 내용은 언제든지 피드백 부탁드립니다. 개요 그렇다.. 42 과제를 하다보니 파일 디스크립터를 이해해야 하는 순간이 왔다. 사실 문제를 풀기 위해서는 파일 디스크립터에 대해서 얕게 알고 넘어가도 될 것 같지만 동작 방식을 이해 ..

※ 필자는 초초초초초보자입니다. 틀린 내용은 언제든지 피드백 부탁드립니다. 개요 리눅스에서 C 소스코드를 컴파일 하기 위해서 필요한 것 중 하나가 바로 gcc(다른 컴파일러도 있다)이다. GCC는 GNU Compiler Collection의 약자로, GNU 컴파일러 모음이라고 한다. https://gcc.gnu.org/ 에서 말하기를 GCC는 C, C++, Objective-C, Fortran, Ada, Go, D과 같은 언어의 라이브러리가 포함되어 있다고 한다. GCC는 정말 감사하게도 여러 유용한 옵션을 제공하는데, 오늘은 그 중 하나인 sanitizer에 대해서 공부를 해보려고 한다. Sanitizer? 한글로 그대로 발음해보면 새니타이저 정도가 될 것 같다. 일단 sanitizer에 대해서 공부를..

잠깐 하소연을 하자면.. 파일 디스크립터에 대해서 정말 세세하게 공부를 하고 기록을 하고 있었는데 날아갔다. 굉장히 허탈해서 글을 아무것도 남기지 않으려고 했는데, 그래도 공부한건 기록해둬야 하니까... 파일 디스크립터는 다음에 다시 글을 써서 올리기로 하고 (ㅜㅜ) 일단 read 함수에 대해서 기록해두려고 한다. ✅ read 함수 C언어의 파일을 읽는데 사용하는 함수 중 하나이다. 헤더 : 매개변수 : int fd(파일 디스크립터), void *buf(파일을 읽어 들일 버퍼), size_t nbytes(읽어들일 데이터 최대 길이) 반환값 : 읽어들인 바이트 수 (타입 : ssize_t) (실패 시 -1 반환) (파일의 끝을 만나면 거기까지의 바이트 수를 반환) 파일 디스크립터 fd를 열고 그 내용을 버..

42 과제를 하면서 맥북을 사용하는게 좋겠다는 판단이 들어 🥕에서 나름 저렴하게(그래도 비쌈 ㅜㅜ) 맥북을 구해왔다. 아직 어색하지만 하나씩 설정을 하고 있는 중이다. 보통 VSCode를 사용하지만 가끔 vim을 사용하는 것도 좋아한다. 그래서 나름 vim을 꾸며봤고 플러그인 설치 목록을 기록해두려고 한다. (맥북 밀어버린 후 다시 세팅하기 위해서) neoVim 설치했고, 플러그인은 init.vim 파일에 아래와 같이 설정했다. " Plug-In 시작 (플러그인 설치 경로) call plug#begin('~/.vim/plugged') " 설치하고 싶은 플러그인 (예. NERDTree) Plug 'preservim/nerdtree' " vim status bar Plug 'vim-airline/vim-ai..

#틀린 부분이 있다면 언제든지 지적해주세요 42서울 본과정 중인데 과제하다가 리스트(list)에 대한 부분이 나와서 공부 겸 과제를 풀기 위한 사전 지식 습득을 해보기로 한다. 공부자료 출처 : https://opentutorials.org/module/1335/8634 데이터 스트럭쳐란 무엇인가? - Data Structure (자료구조) 데이터 스트럭쳐란? A와 B가 있습니다. A의 집은 살림이 없고, B의 집은 살림이 많아서 잠잘 공간도 부족합니다. A의 집은 살림이 없기 때문에 책이나 양말을 아무 데나 던져놓아도 금방 찾을 수 opentutorials.org 자료구조(Data Structure)에 대해서 계속 들어오기는 했지만 (공부도 조금 했지만) 다 잊어버리기도 했고 왜 배워야하는지 다시 한번..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

※ 필자는 자바스크립트 초보자입니다 ※ 피드백/잘못된 사항 지적은 언제든지 환영합니다 왜 다시 공부를 시작했는지 등은 이전 글을 참고 2022.02.19 - [2. 개발 공부/JavaScript] - [공부 필기] JavaScript 문법 공부 1일차 [공부 필기] JavaScript 문법 공부 1일차 ※ 필자는 자바스크립트 초보자입니다 ※ 피드백/잘못된 사항 지적은 언제든지 환영합니다 0. 사담 여러 언어를 조금씩 공부해봤는데 가장 흥미로웠던 분야는 프론트엔드 개발이었다. 정확하게 cinnamonc.tistory.com 1. 이 글은 이렇게 작성될 계획.. 너무 좋은 자료(https://ko.javascript.info/)에, 너무 좋은 필기들, 너무 좋은 댓글들이 이미 있기 때문에 별도로 필기를 하며..

※ 필자는 자바스크립트 초보자입니다 ※ 피드백/잘못된 사항 지적은 언제든지 환영합니다 왜 다시 공부를 시작했는지 등은 이전 글을 참고 2022.02.19 - [2. 개발 공부/JavaScript] - [공부 필기] JavaScript 문법 공부 1일차 [공부 필기] JavaScript 문법 공부 1일차 ※ 필자는 자바스크립트 초보자입니다 ※ 피드백/잘못된 사항 지적은 언제든지 환영합니다 0. 사담 여러 언어를 조금씩 공부해봤는데 가장 흥미로웠던 분야는 프론트엔드 개발이었다. 정확하게 cinnamonc.tistory.com 1. 이 글은 이렇게 작성될 계획.. 너무 좋은 자료(https://ko.javascript.info/)에, 너무 좋은 필기들, 너무 좋은 댓글들이 이미 있기 때문에 별도로 필기를 하며..