본문 바로가기

dev

(48)
[python] 자료형 - 문자열(3) - count(), find()와 index()의 차이 [python] 자료형 - 문자열(2) - 인덱싱, 슬라이싱 [python] 자료형 - 문자열(1) - 표현방식과 연산 [python] 자료형 - 숫자형 [python] 자료형 - 변수 긴 문자열에서 특정한 알파벳이 몇개가 포함되어 있는가 혹은 공백이 몇개나 포함되어 있는가 등등 특정 문자열의 개수나 위치를 알고 싶을 때가 있다 그럴 때 사용하는 것이 count 함수다 또는 find 함수로 원하는 문자열을 찾을 수 있는데 이는 index 함수와 기능이 같다 하지만 find는 찾고자 하는 문자열이 없다면 -1을 반환하고 index는 ValueError를 발생시킨다는 차이가 있다 위 코드를 보면 대문자 O는 변수에 포함되어 있지 않다 find로 찾을 경우는 -1을 반환하지만 index로 찾는 경우는 Valu..
[개발자도구] console의 메소드: console.clear() 콘솔에 기록된 log들을 모두 지우는 방법은 몇가지가 있다 1. Clear console 버튼을 누르는 방법 2. [Ctrl + L], [Cmd + K] 등의 단축키를 누르는 방법 3. 메소드들로 지우는 방법 console.clear() clear() 다만, 메소드를 사용하는 방식은 Preserve log에 체크가 되어 있으면 로그를 지우지 않는다 위 사진을 보면 프리저브 로그에 체크가 되어 있지만 로그가 삭제되지 않은 것을 확인할 수 있다
[개발자도구] - console F12를 누르거나 마우스 우클릭-검사를 누르면 모르는 사람에겐 너무 복잡하고 이게 뭔지 모를거 같은 창이 뜬다 아는 사람은 그걸 개발자 도구라고 부른다 그리고 이제 당신도 아는 사람이다 그래서 개발자 도구가 정확이 무엇을 하는거냐 html css js 같은 언어들은 서버로부터 컴파일이 되어져서 실행이되는게 아니라 브라우저에서 실행이 된다 컴파일이 뭔지는 지금 몰라도 되고 브라우저에서 해석, 실행이 되고 개발자도구로 그걸 확인한다고 생각하면 되겠다 쉽게 말해 브라우저가 일 잘하나 코드가 잘 작동하나 감시하는 것이다 그렇기에 브라우저에서 기능을 제공한다 자주 사용하는 크롬을 켜고 아무 사이트나 들어가서 개발자 도구를 열어보자 개발자 도구를 열고 상단탭을 보면 console이라는 탭을 눌러보자 개발자 도구가 ..
[python] 기본 연산자(1) - 산술 연산자 Basic Operators- Arithmatic Operators 글자도 더하는데 똑똑한 파이썬이 숫자를 더하지 못할리가 없다 정수형 데이터끼리의 나눗셈을 제외한 사칙 연산은 정수형 데이터로 반환한다 정수형 데이터끼리의 나눗셈의 결과는 정수형이 아닌 실수형으로 반환된다 실수형 데이터끼리의 사칙 연산은 실수형 데이터로 반환한다 실수형 데이터와 정수형 데이터 사이의 사칙 연산은 언제나 실수형 데이터를 결과로 반환한다 위 코드를 보면 결과값은 정수라도 자료형은 실수형으로 반환되는 것을 볼 수 있다 기본적인 사칙연산 말고도 파이썬에선 유용한 산술연산자들을 제공한다
[CSS] layout - display 나는 그런 고민을 해본적이 있는가? 얘네는 왜 붙어있고 얘네는 왜 안 붙어있는지 이것저것 넣어보고 해결되면 그걸 해결하는 과정이라 생각할 수 있는가? 적어도 난 아니다 이번엔 안 붙고 안 떨어지는 대표적인 이유인 디스플레이 요소에 대해 알아보자 대부분의 html 요소는 inline 또는 block 둘 중의 하나의 요소를 가진다 굳이 따로 지정하지 않더라도 은 인라인 요소 는 블럭요소를 기본적으로 내포하고 있다는 것을 우린 알고 있다 몰랐다하더라도 이제 알면 되니까 괜찮음 ㅋㅋ 블록(block) 언제나 새로운 라인(line)에서 시작하며, 요소가의 너비가 해당 라인의 모든 너비를 차지한다 따라서 포지션 속성으로 따로 위치를 지정해주지 않는 한 블록요소끼리는 같은 라인을 공유하지 않는다 display:inl..
[CSS] layout - position 내가 css를 건들 때마다 시간을 잡아먹는 요소는 뭐가 있을까? 오타? 모르는 속성? 아니 단언컨데 나같은 코린이는 레이아웃 짜는게 제일 힘들거다 왜 얘는 가운데로 안 가지? 왜 얘네는 정렬이 안 맞지? 왜 니네는 붙어있고 니네는 붙질 못하니.. 방금도 replit 풀면서 아차 싶었던 순간만 몇번인지 셀 수가 없다 레이아웃 관련 속성들을 아주 손바닥에 타투로 넣고 싶을 정도다. position 속성은 html 요소가 위치를 결정하는 방식을 설정한다 결정하는 방식에는 다음과 같이 4가지가 있다. 정적 위치(static position) 상대 위치(relative position) 고정 위치(fixed position) 절대 위치(absolute position) 정적 위치(static position) H..
img 태그와 백그라운드 이미지에 대하여 [WEB] semantic web & semantic tag 위의 글에서 이어집니다! 먼저 보고 오세용 우리는 앞서 시맨틱 웹이 그래서 어떤 것인지 맛만 좀 봤고 시맨틱 태그를 쓰고 쓰지 않고가 어떠한 차이가 나는지도 맛을 좀 봤다 이미지를 표시하는 방법에는 HTML의 img 태그를 이용하는 방법과 CSS의 background-image 를 이용하는 방법이 있는데 img 태그는 어떠한 이유로 이미지를 로드할 수 없을 때의 상황도 가정하고 있다 alt의 값이 바로 그 로드할 수 없을 때의 상황을 대비한 것! 그럼 뭔가 백 그라운드 이미지를 사용하는 것이 img 태그를 이용하는 것의 하위호환인 느낌이 들 수 있지만 그저 서로 다른 것 뿐이라고 생각한다 예를 들어 우리가 어떠한 사이트를 만든다고 했을때 꼭 필..
[WEB] semantic web & semantic tag Semantic Web이란? 의미론적 웹, 컴퓨터가 정보와 자원의 뜻을 이해하고 논리적 추론까지 할 수 있는 지능형 웹이다 라고 말해봤자 나도 모르고 시맨틱 웹이 뭔지 몰라서 여기까지 온 당신도 모른다 그래서 여러 영상과 블로그들을 돌아다녀본 결과 정확한 개념은 아니더라도 예시 정도는 들어볼 수 있겠다 고양이가 가지고 있는 특성에 대해 보자 귀여움, 영역동물, 사족보행, 높은 곳을 좋아함, 애교가 많음, 고양이과, 반려동물 등등 많을 것이다 A = 귀엽고 영역동물이고 높은 곳을 좋아하는 동물 B = 고양이 A가 B를 설명한다는 것은 인간에겐 쉽다 인간은 추론할 수 있기 때문에 하지만 컴퓨터의 경우는 그저 귀엽고 영역동물이고 높은 곳을 좋아한다는 특성(메타데이터)만을 알리고 있다 다시 말해 A의 요소가 뭘..