8월 Challenge : 단어 두 개씩 소개하기 10

API 와 인터페이스(Interface)

https://yozm.wishket.com/magazine/detail/727/#:~:text=다시%20말해%20사용자%20인터페이스는,프로그래밍하는데%20쓰이는%20인터페이스입니다. API란 무엇인가요? (feat. 인터페이스) | 요즘ITAPI에 대해 이미 알고 계신 분들도 있고, 조금 낯선 분들도 있겠죠? 요즘IT에서 몇 번 소개한 적 있는 주제이지만, 오늘은 가장 기본적인 API의 개념과 인터페이스에 대해 살펴보겠습니다.yozm.wishket.com 낼은 http와 restapi

[WEB]웹호스팅 vs 서버호스팅 vs 클라우드 차이

오늘도 어쩌다 보니 단어 세 개..!😵 이 세 단어를 알기 전에 ‘호스팅’ 이 무엇인지 짚고 넘어가보자. 💸호스팅이란? 우리가 웹에서 무언가 작업을 진행할 때, 웹에 데이터, 정보 등을 저장하기 위한 ‘서버‘ 가 필요하다. 그러나 사용자가 직접 서버를 구입하고 관리하기에는 상당한 비용과 노력, 시간이 필요하다. 그렇기 때문에 우리는 ‘호스팅’이라는 서비스를 이용하곤 하는데, 호스팅이란 사용자에게 서버의 전체 혹은 일부를 임대해주는 서비스를 일컫는다. 그리고, 호스팅 서비스의 종류로 웹호스팅, 서버호스팅, 클라우드 등이 있는 것이다. 이 때, 사용자는 여기서 1) 어떤 서비스를 이용할 것인가 2) 서버 구축 및 관리 여건이 어떠한가 3) 필요한 서버/ 운영체제 가 무엇인가 에 따라, 호스팅 선택 기준이 달..

[WEB] 동기(Synchronous)와 비동기(Asynchronous), Javascript의 비동기 처리 방식

오늘의 단어는 '동기'와 '비동기' 이다. 먼저 동기와 비동기를 나누는 관점부터 소하자면, 이 둘을 나누는 가장 큰 차이점은 "실행 순서를 어떻게 가지는가?" 이다. 동기(synchronous) : 동기는 데이터의 요청과 결과가 한 자리에서 동시에 일어난다. 즉, 해당 작업이 끝나기 전까지는 다른 작업을 수행하지 않고, 해당 작업이 완료된 후에 결과가 반환된다. 비동기(Asynchronous) 데이터의 요청과 결과가 동시에 일어나지 않고, 작업이 실행되고 완료되는 동안 다른 작업을 수행할 수 있다. 즉즉, 해당 작업이 끝나지 않았더라도 다른 작업을 수행할 수 있고, 결과는 작업이 완료될 때 반환된다. 동기와 비동기의 장단점 비교 동기 장점 : 설계가 쉽고 직관적 단점 : 결과가 반환될 때까지 다른 작업 ..

[html] 마크업(Markup) 과 마크다운(Markdown)

오늘은 출근길에•• 월요일이지만 내일 광복절이다 아자 .ᐟ ٩꒰⍢ ꒱۶ 깃허브 리드미 부분 수정할 일도 있고, 이번주가 학회 해커톤이라 웹사이트 제작을 한창 마무리하고 있어서 내 눈에 문득 마크업과 마크다운이라는 단어가 확 들어왔다. 웹 개발자, 혹은 입문자라면 정말 많이 들어봤을 cs 지식일 테지만 헷갈릴 사람이 많을 것 같다고 생각했기에 오늘의 단어로 결정 ! 처음에 두 단어를 들어봤을 때에, 흔히 이런 글을 보았다. Markdown은 Markup language의 일종이다 왕초보 개발자인 나에겐 이 말이 무슨 말인지도 전혀 감이 안 잡혔었고, Markup language는 또 뭐지? 라는 생각도 들었었다. 🖋️Markup Language- 문서가 화면에 표시되는 형식을 나타내거나 데이터의 논리적인 ..

[CS지식] 프레임워크(Framework)와 라이브러리(Library)

오늘의 단어는 프레임워크와 라이브러리이다. 요 몇일 조금 힘들었기 때문에.. 오늘은 기초 지식으로 복잡한 머리를 식혀보자 !🥲 기초 지식이긴 하지만 은근히 헷갈리기도 하고, 설명하려 하면, “ ..뼈대와 모듈 ..? ” 이렇게 머뭇거리게 되는 지식이어서 이번 기회에 다시 되짚고 넘어가보자. 🩻프레임워크(Framework)개발자가 원하는 기능 구현을 할 수 있도록 필수적인 코드, 알고리즘, DB 연동 등과 같은 기능이나, 일정한 형태를 갖추고 있는 골격, 뼈대를 말한다. 프레임워크는 프레임워크만으로 프로그램이 동작하는 것이 아니라 뼈대를 제공하고 그 위에 개발자가 코드를 올려 동작하게끔 하는 특징이 있다. 📖예시 - Spring : Java 서버 개발에 - Django, Flask : Python 서버 개..

[html] script / script async vs script defer 차이

오늘은 월요일이니 특별히 용어 세 개 ! 사실 세 단어로 보이지만 script async 와 script defer 을 비교하기 위해 넣은 것 ..! 🤭 오늘은 이 두 개의 단어를 장단점을 기반으로 비교하는 흐름으로 작성해 보러 한다. 1. 2. + defer 먼저 defer 속성도 브라우저는 스크립트를 백그라운드에서 다운로드한다는 점에서 async속성과 공통점이라고 볼 수 있다. defer 속성도 html 파싱과 동시에 스크립트를 다운로드 한다. 그러나 defer는 async와는 달리 다운로드된 js 파일은 DOM(페이지) 생성이 완료된 직후에 실행된다.(=DOMContentLoaded 직후) 그래서 defer 속성은 DOM을 조작해야 하거나, HTML이 모두 파싱된 후 실행되어야 하는 코드이거나, H..

[React] .js vs .jsx 차이점

오늘의 단어는 js와 jsx이다. 사실 jsx를 소개하기 위해 js도 오늘의 단어에 추가했다. React를 본격적으로 공부하면서 Javascript 파일을 생성할 때, 확장자가 .js 인 경우도 있고, .jsx 인 경우도 있었다. 처음에는 큰 차이가 없어 보여서 보편적인 .js를 사용하여 코딩했었는데, 각 기능에 대해 알아야 필요시 제대로 활용할 수 있을 것 같아 정리해두었다. 💭요약! : JS는 표준 자바스크립트를 뜻하고, JSX는 사용자가 리액트를 사용해 좀 더 직관적으로 컴포넌트를 만들 수 있는 HTML식 문법이다. 👩🏻‍💻 JSX란? - Javascript XML의 약어 - 쉽게말해 jsx는 JavaScript 확장 문법 - js보다 jsx를 쓰는 이유는 보통 자바스크립트 내에 HTML을 사용할 ..

[8.1] 머신러닝(Machine Learning)과 딥러닝(Deep Learning

인공지능은 요즘 내 머릿속을 지배하고 있는 주제이기도 하고, AI에 관심이 없는 사람이라도 워낙 화두에 오르는 주제이기도 하니만큼, 머신러닝(Machine learning), 딥러닝(Deep Learning)이라는 키워드도 많이들 들어봤을 거다. 첫 주제이니 만큼 주 관심사인 머신러닝과 딥러닝의 개념이 무엇이고, 이 둘을 비교해서 설명해보려 한다. (사실 인공지능까지 3개의 단어긴 하지만) 머신 러닝과 딥 러닝은 흔히 번갈아 사용할 수 있는 유행어처럼 보이지만, 이 두 사이에는 분명한 차이점이 있다. 먼저 머신 러닝과 딥 러닝의 차이를 이해하는 데 있어 첫 번째 단계는 "딥러닝이 머신 러닝의 하위 집합" 이라는 점인데, 결론부터 말하자면, " 인공지능은 가장 넓은 개념이며, 인공지능을 구현하는 대표적인 ..

8월 Challenge! 매일 개발 단어 두 개씩 소개하기

어느덧 8월에 접어들었고, 무더위에 지칠 때쯤, 다시 새로운 기분으로 마음을 다잡을 수 있는 월초가 되었다. 벌써 한 해의 절반이 지나갔고, 여름방학도 반절이 지나가며, 남은 방학 한 달을 어떻게 보내야 할 지 고민하는 시간이 찾아왔다. 이번 방학은 처음으로 인턴 일을 해보며 개발 실무경험을 쌓기도 하고, 기록쟁이인 나를 위해 Tistory라는 또 하나의 배움의 기록장을 만드는 등 나만의 새로운 도전들을 계속해서 쌓아가고 있는 것 같다. 이 기세를 몰아 남은 방학 한 달을 새로운 도전과 경험을 통해 열정적이게 보내고 싶다는 생각이 들었고, 문득 나만의 챌린지, 나만의 습관을 하나 만들고 싶다는 생각이 들었다. 보통 하나의 습관이 형성되기까지는 약 1주~2주의 시간이 소요된다는 이야기를 들은 적이 있는데,..