본문 바로가기
반응형

전체 글432

개발 기본 용어 프론트엔드(FE, Front-end) / 백엔드(BE, Back-end) ‘프론트엔드’는 웹/앱 등에서 사용자에게 보여지는 부분에 대한 설계를 뜻하며 사용자에게 문서, 동영상 등 다양한 콘텐츠를 제공하여 사용자의 요구에 따라 반응하여 동작합니다. ‘백엔드’는 사용자에게 보여 지지 않는 정보 처리(서버, 데이터베이스 등)와 관련된 설계를 뜻합니다. 개발자도 프론트엔드 개발자, 백엔드 개발자로 나뉘지요. HTML / CSS / 자바스크립트 HTML, CSS, 자바스크립트 등은 프론트엔드 개발자들이 사용하는 툴로 조금씩 역할이 다른데요. HTML은 사용자가 보는 웹사이트의 구성을 만드는 프로그래밍 언어입니다. CSS는 이 HTML로 만든 구조를 가독성 있게 꾸미는 작업을 할 때 사용하구요. 자바스크립트는 버튼.. 2022. 10. 13.
프로그래밍 기본 용어 프레임워크(Framework) 많은 소프트웨어에서 사용되는 일반적인 기능을 담은 틀(Frame)로 개발 과정을 보다 빠르고 편리하게 해주는 오픈 소스입니다. 개발자는 프레임워크를 바탕으로 개별 기능을 구현해 좀 더 효율적으로 개발을 할 수 있게 됩니다. 하지만 틀이 잡혀 있으니 커스터마이징 할 수 있는 범위에 한계가 있는 것이 단점입니다. 각 프로그래밍 언어마다 다양한 프레임워크가 제공되고 있습니다. 파싱(Parsing) 파싱은 언어학에서 따온 용어인데요. 언어학에서 ‘파싱’이란 어떤 문장을 구성 성분으로 분해하고 그들 사이의 위계 관계를 분석하여 문장의 구조를 결정하는 것을 의미합니다. IT 실무에서 쓰이는 ‘파싱’은 데이터를 조립해 특정한 데이터만을 추출한다는 의미를 내포하고 있습니다. 어떤 큰 자료.. 2022. 10. 13.
안드로이드 위젯을 더 쉽고 빠르게 이용하는 법 안드로이드 사용자는 ‘위젯’이라고 하면 단순한 홈 스크린을 떠올리곤 한다. 하지만 자세히 살펴보면 구글 기기에서 위젯과 상호작용할 수 있는 완전히 새로운 방법이 있다. 아는 사람들은 별로 없지만, 구글은 언제부터인가 간단한 음성 명령을 통해 안드로이드 위젯을 호출하는 기능을 조용히 제공하기 시작했다. 즉, 홈스크린으로 돌아가지 않아도 언제 어디서나 안드로이드 위젯을 볼 수 있다는 뜻이다. 늘 공간을 차지하는 위젯이 마음에 들지 않았다면, 다음과 같은 방법을 참고해서 위젯을 이용해보자. 1. 구글 어시스턴트로 위젯 불러오기 일단 위젯의 주요 기능은 안드로이드 구글 어시스턴트와 연결돼있다. ‘헤이 구글(Hey Google)’라고 말하거나 어시스턴트 아이콘 및 단축키를 사용해 어시스턴트를 소환한 후, 특정 위.. 2022. 10. 13.
아이폰에서 당장 지워야 할 사기성 앱 9가지 안드로이드 앱 중에는 악성코드나 애드웨어 관련 논란은 종종 있지만, 애플의 보안을 뚫고 악성코드 iOS 앱을 배포하기는 쉽지 않다는 일반적인 인식이었다. 그런데 보안 연구소인 휴먼(HUMAN)의 사토리 쓰레트 인텔리전스 앤 리서치(Satori Threat Intelligence & Research) 팀이 여러 가지 광고 사기 기술이 포함된 아이폰 앱 10종을 찾아냈다. 연구팀이 찾아낸 앱은 대부분 유명 게임을 모방한 앱이고 현재는 앱 스토어에서 삭제된 상태다. 이들 앱의 목록은 다음과 같다. Fire-Wall Loot the Castle Ninja Critical Hit Racing Legend 3D Rope Runner Run Bridge Shinning Gun Tony Runs Wood Sculpto.. 2022. 10. 11.
DOM - JavaScript HTML DOM은 객체(Object)들의 트리(tree)로 구성되어 있고, Document 객체를 포함하고 있습니다. Document 객체는 자식 노드로 HTML 객체를 포함하고 있습니다. DOM(Document Object Model)은 Document에서 element를 만들거나, 변경하거나, 제거할 수 있다고 하였고, 그 과정에서 Document는 HTML elements를 선택하고, 제어할 수 있도록 메소드를 제공한다고 하였습니다. 그럼 이 메소드들은 어떤 방법으로 사용할 수 있을까요? 여기서 사용되는 것이 바로 JavaScript 입니다. DOM은 HTML/CSS와 JavaScript를 이어주는 역할을 합니다. JavaScript를 사용하면 Document element에 접근하고 선택 및 변경.. 2022. 10. 7.
DOM - HTML DOM DOM(Document Object Model)은 Document에서 Element를 만들거나, 변경하거나, 제거할 수 있도록 하는 프로그래밍 인터페이스입니다. 이 외에도 Element에 이벤트를 추가하여 웹 페이지를 역동적으로 만들 수 있습니다. DOM을 분류하는 3가지 모델 Core DOM: 모든 Document 타입의 standard Model XML DOM: XML Document의 standard Model HTML DOM: HTML Document의 standard Model DOM을 분류하는 모델은 위와 같이 3가지로 나눠집니다. 그 중에서 HTML DOM에 대해서 더 자세히 알아보겠습니다. HTML DOM HTML DOM은 HTML을 위한 표준 객체 모델이자 프로그래밍 인터페이스입니.. 2022. 10. 7.
반응형

티스토리툴바