본문 바로가기
반응형

분류 전체보기142

HTML / CSS / Javascript 각자의 역할은 무엇일까? HTML / CSS / Javascript 각자의 역할은 무엇일까? 아들놈들이 언젠가 코딩에 관심을 갖고 시작하게 될 때, 한번 봐주었으면 하는 마음으로 웹페이지 제작에 관한 기초적인 내용을 정리해둡니다. 우리는 크롬, 엣지 등의 브라우저를 통해 다양한 웹사이트 혹은 웹페이지에 접속할 수 있습니다. "접속"이라는 표현을 쓰다보니 어딘가로 찾아가서 웹페이지를 열람하는 것으로 이해하기 쉽지만, 사실 이전 포스팅에서 살펴본 GET요청 방식으로 요청을 한 후 "내 컴퓨터"에 내려 받은 웹페이지를 열람하는 것이 인터넷의 특징입니다. 즉, 서버에 '접속'한 후 요청한 웹페이지를 결국 내려 받기 위해 인터넷이라는 망이 필요해지는 것 뿐입니다. 아무튼 인터넷을 탐험하는 브라우저들은 그렇게 동작하고 있었습니다. 사람으로.. 2023. 1. 9.
Node.js + Express로 초간단 서버 만들기, 3분 컷 Node.js + Express로 초간단 서버 만들기 '서버'라는 말을 들으면 어떤 이미지를 떠 올리시나요? 대부분의 사람들은 아마도 이런 형태를 떠올릴 것이라 생각합니다. 뭔가 대단히 복잡한 기계장치로 보이고, 대단히 이해하기 어려운 장비처럼 보입니다. 그런데, Server라는 것은 생각보다 "간단"하다는 사실을 알고 계시나요? 서버가 별건가? 서버는 간단하게 서버는 Server입니다. 즉, 원래 뜻은 식당 등에서 서빙을 하는 사람을 지칭합니다. 삼겹살 2인분 갖다 달라면 갖다주는 분이 바로 'Server'인 것이죠. 한국에서는 '고깃집 알바생'이라고 봐야 할라나요? 컴퓨터 세계에서 말하는 서버의 개념도 비슷합니다. 사용자가 무엇인가를 '요청하면 요청한 걸 갖다주는 프로그램'입니다. 컴퓨터 서버 세계의.. 2023. 1. 8.
[AI] 포토샵은 잘 못하는데, 뭘 좀 지워야 한다면? Magic Eraser 포토샵은 잘 못하는데, 뭘 좀 지워야 한다면? 하루가 멀다 하고 최신 AI 기술들이 쏟아져 나오는 시대가 된 것 같습니다. 아이디어도 참 다양하고, AI가 만들어내는 결과물의 퀄리티도 점점 좋아지니 이러한 내용을 접하게 될 때 마다 감탄하지 않을 수가 없더라구요. 아주 유명한 짤입니다. 손정의 회장의 AI, AI, AI. 간혹 재미있는 짤 정도로 소비되고도 있지만, 정말 대단한 미래 예측을 하고 있었다는 생각이 듭니다. 괜히 앞서 가는 사람이 아닌듯. IT 세상은 정말 놀라울 정도로 환경이 급변하고 있는 것 같습니다. 웹 개발을 하다보면 이미지를 다룰 일이 생기게 되고 그래서 포토샵을 사용할 일이 가끔 발생합니다. 주로 불필요한 이미지를 지우거나, 일명 '누끼'라고 부르는 외곽선 따는 일이 주된 일이긴 .. 2023. 1. 7.
switch 구문? - 가끔 사용되니 if와 비교하여 이 참에 정리 코딩을 조금이라도 학습해본 사람이라면, 조건을 핸들링해야 할 때 if 조건문을 가장 먼저 떠 올리게 될 것입니다. 그런데 현업실무에서는 때때로 switch 구문을 이용해서 조건을 처리하는 경우도 왕왕 존재합니다. if 구문와 switch 구문이 비슷하게 동작한다고 하면 어떤 모습으로 서로 다르게 사용되는 지 정리해두면 좋습니다. switch 기본 구문 다음 코드로 살펴봅시다. 사용자가 1 또는 2를 입력(선택)하는 상황을 가정해보았습니다. let yourChoice = 1; switch (yourChoice) { case 1: alert("1을 선택했습니다!"); break; case 2: alert("2를 선택했습니다!"); break; } yourChoice 변수에 1이 담겼으니, case 1: 이하.. 2023. 1. 6.
반응형

티스토리툴바