본문 바로가기

전체 글

 (48)
[CSS] CSS의 Position 속성에 대해서 알아보자 ! Position 속성 ? 요소를 원하는 곳으로 배치 시킬때 사용하는 속성이며 top, bottom, left, right와 함께 사용됩니다. Position의 속성 5가지 static: 다른 속성을 지정해주지 않을때 기본값, HTML문서상 있어야 하는 원래위치에 배치되며, 이동시킬수없습니다. relative: 원래 있던 위치를 기준으로 상대적으로 배치를 합니다. absolute: 부모요소를 기준으로 위치를 지정해 줄 수 있습니다. fixed: 스크롤과 상관없이 항상 문서 좌측상단을 기준으로 좌표를 고정합니다. inherit: 부모 태그의 속성값을 상속받습니다. static position에 다른 속성을 부여하지 않으면 기본으로 설정되는 값입니다. 위에 말했듯이 있어야 하는 원래 위치에 배치가 되고 top..
[GIT] 깃의 기초 IT공부를 시작하고 난뒤, git을 개인적인공부 기록, 42서울, 협업등 여러번 접한적이 있습니다. git은 협업을 할때 사용한다, 버전관리정도로만 알고있고 제대로 공부한적이 없었고 git 명령어, 에러가 발생 하였을때 제대로 된 공부를 하지않고 해결하는데만 급급했던것같습니다. 그렇기에 기초라도 공부를 해보자 간단 포스팅을 시작해보겠습니다. GIT 이란? 2005년 리누스 토르발스에 의해 개발이되었으며 여러명의 개발자가 하나의 소프트웨어 개발 할때 주로 사용하게 되는 '분산 버전관리 시스템'입니다. 버전 관리가 왜 필요한가 ? 버전 관리 시스템은 파일 변화를 시간에 따라 저장을 했다가 나중에 특정 시점의 버전을 다시 꺼내올 수 있는 시스템 깃을 이용하면 파일을 이전 상태로 되돌릴 수 있고, 시간에 따라 ..
CSS in JS CSS in JS는 말그대로 자바스크립트 코드안에서 css코드도 같이 작성하는 방식입니다. 이번에 웹사이트 하나를 만들며 공부하는 과정에서 CSS in JS 를 알게되어 공부를 하며 적용시켜보려 합니다. CSS in JS 라이브러리중 가장 많이 쓰는 것은 바로 styled-components가 있습니다. Styled Components는 CSS-in-JS 스타일링을 위한 프레임워크입니다. 그렇다면 왜 이것을 사용하는가 ? 장점에는 자바스크립트 와 css 사이에 상수와 함수를 공유할수 있으며 CSS 모델을 문서 레벨이 아닌 컴포넌트 레벨로 추상화하는 모듈성, Styled Components는 스타일링을 위한 코드 사용량이 줄어들고 CSS 문법에 친화적이라고 합니다. 일반적으로 사용하는 css 코드와 sty..
[Linux] Makefile 관련 공부 이번에 42서울 첫과제인 Libft를 진행하면서 라피신때 어느정도 맛보기를 한 makefile에 대해 조금 알게되었고 구현하게되었다. 선행 지식 C 프로그램의 빌드 절차 컴파일 : 소스파일을 각각 컴파일하여 Object파일(*.o)을 생성하고, 링크 : 이들을 한 데 묶는 링크 과정을 통해서 실행 파일인 a.out을 생성한다. 여기서 소스파일에 정의된 함수를 main에서 호출하는 의존성이 존재한다. compile이란? 소스 코드(.c)를 작성하고 실행 파일 (.exe)을 만드는 것을 컴파일이라고 생각하겠지만 이것은 컴파일러가 하는 역할이지 컴파일은 아니다. 컴파일의 개념은 소스 코드(원시 코드) 목적 파일로 바꾸는 것이다. Makefile이란? linux상에서 반복 적으로 발생하는 컴파일을 쉽게하기위해서..
42서울 la piscine 비전공자 후기 내 인생에서 가장 열심히 살았던 한달 ! 라피신 과정이 끝난지 좀 시간이 지났지만 미루고 미루다 이제야 짧게나마 글을 써봅니다..! IT공부를 시작했던 올해 5월에 42서울을 친구를 통해 처음 알게되었고 온라인테스트, 체크인미팅, 라피신 등록을 순조롭게 성공해서 10월 초에 42서울 5기 2차 라피신을 진행하게되었습니다. 처음에는 혼자 독학하는것보다 어딘가에 소속되어 공부하는것이 더나을것이라고 판단되어 아무생각없이 일단 지원한것이였는데, 라피신 과정을 하고난뒤 생각해보면 안하면 정말 후회했을 제 인생에서 정말 중요한 값진 경험이라고 생각합니다 ! 😎 비전공자로서의 라피신 라피신이 시작되고 클러스터를 처음나간 첫날 혼자 공부를 할때, 잘몰라도 42서울의 모토가 동료학습인 만큼 다들 친절하게 모르는것에 대해..
안드로이드 스튜디오 constraint layout 이번에 안드로이드 스튜디오로 간단한 어플을 만들기로 계획을 세웠다. 하지만 처음부터 순탄하지않았다 역시.. 안드로이드 스튜디오 설치하고 정상 작동하는데까지 정말 고생을 많이했다.. 다시생각해도 정말 끔찍할.. 왠만한 mac 안드로이드 스튜디오 오류는 이제 안보고도 기억이 날정도,, 어찌 저찌하여 에뮬이 처음 돌아갔을때 너무나도 기뻤다 ! 에뮬이 성공적으로 실행이 되고나서 간단한 버튼 구성부터 잘되나 보려고 했는데? 위의 사진처럼 세로로 버튼 3개를 배치하였지만 어플을 실행해보면 버튼이 겹치거나 배치한대로 그림이 생성되지않아 검색하여 공부를 하였다. 먼저 이것의 이름은 ConstraintLayout이다. ConstraintLayout이란? 복잡한 레이아웃을 단순한 계층 구조를 이용하여 표현할 수 있는 Vi..
[C언어] 아스키코드 아스키 코드 관련문제를 풀다가 문득 아스키코드에 대해 간단히라도 알고 포스팅하고싶어서 글을 써봅니다. 아스키 코드란? ASCII 코드란 'American Standard Code for Information Interchange'의 약자이며, 아스키 코드라고 읽습니다. 아스키코드는 미국표준협회(ANSI)에서 지정한 표준 부호입니다. 컴퓨터는 0과 1 숫자 밖에 모르기 때문에 문자도 숫자로 기억 해야합니다. 이때, 어떤 숫자와 어떤 문자를 대응시키는가에 따라 여러 가지 인코딩 방식이 있는데 통상 아스키 코드 방식을 많이 사용합니다. 쉽게 말해 아스키코드는 숫자로 문자를 표현하기 위한 일종의 약속입다. - 출력 불가능한 제어문자 33개(0~32번)와 출력 가능한 문자 95개로 이루어져있으며 총 128개(8비..
[C언어] 문자열 함수, 코딩도장 45.8 특정 단어 개수 세기 문제 1. 문자열함수 문자열 함수들은 #include 헤더파일에 선언이 되어있다. (1) 문자열 길이구하기 strlen함수 - strlen(s1); 문자열의 끝인 null값은 포함되지 않은 길이를 반환한다. (2) 문자열 비교하기 strcmp함수를 사용 strcmp(s1,s2); 를 할경우에 서로 비교를 한다. 비교를 하여 같은경우 0을 반환 s1이 크면 1, s2가 크면 -1을 반환한다. (3)문자열 복사하기 strcpy함수 사용 strcpy(대상문자열,원본문자열); strcpy함수는 문자열의 끝 NULL값 까지 복사한다. (4)문자열 붙이기 strcat 함수 - 말그대로 s1뒤에 s2 문자열을 붙이는것이다. strcat(s1,s2); (5) 문자열 검색하기 strchr 함수 (문자열, 검색할 문자) cha..

티스토리툴바