코딩독학6 vs code 에서 html 한 번에 입력하기 - html 필수코드 자동완성 오늘 코드잇 강의를 듣다가 (나에게는) 대단한 꿀팁 하나를 알게되어 블로그에도 공유하려고 한다. html 파일의 구조를 보면 ,, , 등의 태그를 순서대로 쓰는데, 이런 필수 코드들을 한 번에 자동으로 입력할 수 있는 방법이다. html 필수 코드 한 번에 입력하기 먼저 vs code를 실행하고 새로운 html 파일을 만든다. 그 다음 느낌표(!)를 쓰면 아래에 자동 완성 창이 뜬다. 그 상태에서 그대로 엔터(enter) 키를 누른다. 그러면 오오오오오!!! 자동으로 코드들이 입력된다. 다시 한 번 검토해서 본인의 사이트 상황에 맞게 바꾸어 주어야 하는 부분도 있지만, 필수 코드들을 한 번에 입력할 수 있다니 나같은 코린이들에게는 정말 반가운 꿀팁이다. 그리고 깨알 자랑! 강의를 열심히 들어서 오늘 드디.. 2023. 7. 25. 변수명, 함수명으로 사용할 수 없는 예약어 목록 파이썬에서 변수명, 함수명을 정할 때 사용하면 안 되는 단어들이 있다. 프로그램에서 역할이 미리 정해져 있는 단어들로 '예약어'라고 부른다. 파이썬의 예약어 목록에 대해 알아보자. 파이썬 예약어 목록 and as assert break class continue def del elif else except False finally for from global if import in is lambda nonlocal None not or pass True raise return try shile yield 2023. 7. 6. 정규 표현식 - 하위 표현식 하위 표현식이란, 정규 표현식 안에서 특정 패턴을 나타내는 표현식을 하나로 묶어 처리하는 것을 말한다. 하위 표현식은 메타 문자 소괄호()로 나타내며, 아래와 같은 상황에 주로 사용한다. 가독성이 떨어질 때 정규 표현식을 사용할 때, 그 길이가 너무 길어지면 가독성이 떨어지게 된다. 이럴 때 하위 표현식인 소괄호로 묶어주면 표현식이 훨씬 한 눈에 들어와 이해하기 쉽다. 표현식을 반복해야 할 때 하위 표현식 뒤에 수량자를 붙이면, 소괄호 안에 있는 문자열을 반복할 수 있다. 정규 표현식을 훨씬 더 간결하게 표현할 수 있는 것이다. ex) 하위 표현식 ()를 사용하여 ip 주소를 간단하게 나타냄 논리 연산자 or을 사용할 때 문자들 사이에서 논리 연산자 or을 함께 사용할 수 있다. 참고로 or은 | 기호로.. 2023. 7. 6. 정규 표현식 - 문자 클래스, 메타 문자 문자 클래스는 자주 사용하는 집합들을 좀 더 쉽게 사용할 수 있도록 한 예약어이다. 보통 백슬래시(\) 뒤에 특정 알파벳을 합쳐서 표기한다. \d 모든 숫자를 나타내는 집합인 [0-9]의 예약어이다. \w 영어 대소문자, 숫자, 언더바(_)를 선택해주는 예약어이다. 특수문자, 한글은 포함하지 않는다. 만약 찾아야하는 문자열에 한글이 포함된다면 [\w가-힣]으로 쓴다. \s 공백을 선택해주는 예약어이다. 스페이스 바와 탭을 구분하지 않고 문자 사이를 구분짓는 공백은 모두 선택된다. (줄바꿈 문자 \n도 포함) 문자 클래스의 부정 의미 표현 위에서 정리한 문자 클래스 알파벳을 대문자로 쓰면 부정의 의미가 된다. \D 숫자를 제외함 \W 영문 대소문자, 숫자, 언더바(_)를 제외함 \S 띄어쓰기를 제외함 메.. 2023. 7. 4. JSON 문법과 자바스크립트 객체 표기법 비교 JSON 문법과 자바스크립트 객체 표기법의 공통점과 차이점에 대해서 정리해 보았다. JSON 문법이란? 구글 홈페이지에 request를 보내면 서버가 아래와 같이 html과 javascript로 이루어진 코드를 response 해준다. 그러면 웹 브라우저가 받은 코드를 해석한 후에 예쁘게 화면에 출력해서 우리에게 보여주는 것이다. 이렇게 request로 받을 수 있는 포멧은 html과 javascript 코드 외에도 여러가지가 있다. 개발자 도구 console 창에 아래와 같이 입력해서 실행하면, html 형식이 아니라 데이터로 추정되는 결과를 response로 받는다. 이것은 JSON 이라고 하는 포맷인데, JavaScript Object Notation의 약자이다. 개발자들이 어떤 정보를 나타낼 때 .. 2023. 5. 3. 코드잇 학습일기 Day9. HTML 개념과 구조, 코멘트(주석) 작성 방법 오랜만에 다시 돌아온 코드잇 학습일기~! 2월에 학습일기 챌린지에 참여해서 50,000 네이버 포인트를 받았다. 챌린지가 끝날 줄 알고 있었는데 3월에도 동일한 조건으로 학습일기 챌린지를 진행한다는 사실을 얼마 전에 알았다. 으아, 진작 알았으면 또 참여 하는건데 아쉽...ㅠㅠ 그래서 4월에도 챌린지를 하지 않을까 하는 기대와 그것을 준비하는 워밍업으로 3월 마지막주에 학습일기를 하나 써보기로 했다. 오늘 공부한 내용은 프론트엔드 과정 중 하나인 HTML 핵심 개념 토픽이다. 기초적인 내용이라 부담없이 복습하는 기분으로 듣고, 또 모르는 내용이 나오면 블로그에도 정리해두려고 한다. HTML 의미 HTML은 Hypertext Markup Language의 약자이다. 첫번째 단어인 하이퍼텍스트(Hyperte.. 2023. 3. 27. 이전 1 다음
