본문 바로가기

온라인코딩강의3

3년째 코드잇으로 온라인 코딩 강의 듣는 중(솔직 후기) 내가 코드잇을 알게 된 건 인스타그램의 코딩동댕 유치원 챌린지에서였다. 귀여운 코드잇 캐릭터 굿즈가 너무 마음에 들었던 나는 홀린 듯 신청을 했고, 챌린지 달성을 위해 열심히 강의를 들었다. 그런데 강의를 듣다 보니 내가 아직까지 듣던 타업체의 강의들과는 많이 달랐다. 이거 쉽고 재밌잖아?나의 직업은 프로덕트 UX/UI 디자이너인데, 직업적 이해를 높이고, 개발자와의 소통을 위해 꾸준히 코딩 강의를 들으려고 노력하고 있었다. 그런데 코딩 강의는 조금 듣다가 갑자기 난이도가 어려워진다던지 아니면 1강부터 너무 심각할정도로(!) 재미가 없어서 번번히 실패를 하고 있었다. 그렇게 나의 끈기와 적성을 탓할 때쯤에 코드잇 강의를 접했는데, 아니 웬걸, 설명도 너무 쉽고 무엇보다 강의가 재미있었다. 특히 다른 업체.. 2024. 6. 5.
vs code 에서 html 한 번에 입력하기 - html 필수코드 자동완성 오늘 코드잇 강의를 듣다가 (나에게는) 대단한 꿀팁 하나를 알게되어 블로그에도 공유하려고 한다. html 파일의 구조를 보면 ,, , 등의 태그를 순서대로 쓰는데, 이런 필수 코드들을 한 번에 자동으로 입력할 수 있는 방법이다. html 필수 코드 한 번에 입력하기 먼저 vs code를 실행하고 새로운 html 파일을 만든다. 그 다음 느낌표(!)를 쓰면 아래에 자동 완성 창이 뜬다. 그 상태에서 그대로 엔터(enter) 키를 누른다. 그러면 오오오오오!!! 자동으로 코드들이 입력된다. 다시 한 번 검토해서 본인의 사이트 상황에 맞게 바꾸어 주어야 하는 부분도 있지만, 필수 코드들을 한 번에 입력할 수 있다니 나같은 코린이들에게는 정말 반가운 꿀팁이다. 그리고 깨알 자랑! 강의를 열심히 들어서 오늘 드디.. 2023. 7. 25.
코드잇 학습일기 day5. 자바스크립트 Status Code와 Content-Type 헤더 지난 포스팅에서는 Request(요청)에 대해서 알아보았다. 이번 포스팅에서는 Response(응답)에 대해서 정리해보려고 한다. Response의 구조도 Head, Body로 이루어져있는데, Head에는 Response에 대한 부가 정보가 담겨 있고, Body에는 실제 데이터(주로 JSON 데이터)가 담겨 있다. Status Code란 무엇인가? 웹 브라우저의 개발자 도구 > Network 탭 > 특정 항목 선택 > General 부분에서 Status Code를 찾을 수 있다. Status Code는 우리말로 '상태 코드'라고 한다. 아래 이미지의 경우 Status Code: 200 이라고 되어있는데, 200은 정상 처리를 했다는 의미이다. 만약 정상 처리되지 못했다면 다른 숫자를 보게 된다. 대표적인.. 2023. 2. 13.