[LG CNS AM CAMP 1기] - React, Component, SPA 개념 정리
·
LG CNS AM CAMP 1기
🔑아는 내용이라도 자만하지 말고 다시 한번 보자💡 React의 컴포넌트 Component📃 React 에서는 Component라는 개념을 사용합니다. 간단하게 Component는 레고라고 생각하시면 됩니다. "우리는 어린 시절 레고를 조립해서 성을 만들기도, 배를 만들기도 했습니다" 이처럼 React에서는 Component를 조립하고 배치하여 웹페이지를 구현합니다.💡 Virtual DOM 가상 돔과 기본적인 메커니즘📃 React의 핵심은 Virtual DOM을 활용한 효율적인 업데이트에 있습니다. 과거에는 사용자의 이벤트로 웹페이지가 변경될 때, 변경된 부분만 수정하는 것이 아니라 전체 페이지를 다시 렌더링하는 방식이 일반적이었습니다.📃하지만 React에서는 Component단위로 페이지가 나..
면접에서 자주 출제될 것 같은..? 코딩 테스트 문제 풀이🥕
·
JavaScript
🔑단 한사람이라도 내가 작성한 글을 봐준다면, 글을 작성할 이유는 충분하다💡 프로그래머스 최빈값 구하기📃 최근에 프로그래머스 코딩 테스트 기초문제들을 모두 끝내고 입문 문제로 왔는데, 레벨이 0인데 생각보다 난이도가 있지 않은가 생각이 드네요. 저의 실력 문제겠죠?ㅎㅎ➡️문제는 다음과 같습니다. 최빈값을 구하는 문제인데, 몇일전에 당근에서 라이브코딩때 진행했던 문제와 유사한 부분이 있어서 한번 다뤄볼려합니다.💡 문제 풀이📃 다양한 접근 방법이 있을 것 같은데, 일단은 reduce를 통해서 각각 숫자를 객체값으로 저장을 해주면 좋을 것 같아요➡️일단 reduce함수는 실무에서도 자주 사용되는 것으로 알고 있는데, 누산기 accumulator라는 누산기를 사용합니다. reduce함수는 주어진 배열을..
HTML5 뭐가 달라진거죠? 어떤 특징이 있나요?
·
React
🔑HTML은 웹페이지를 기술하기 위한 마크업 언어입니다.Content 내용 & Structure 구조사람의 신체로 비유하자면 뼈대라고 할 수 있습니다💡 그래서 뭐가 달라진거죠?📃 HTML5는 2014년 10월 28일 차세대 웹 표준으로 아래와 같은 기능들이 추가됐습니다1️⃣ 멀티미디어 기능의 혁신HTML5에서는 별다른 플러그인이 필요없이 비디오와 오디로를 직접 지원하는 와 태그가 추가되었습니다.2️⃣ 새로운 시맨틱 태그 도입 사이에는 문서의 제목, 외부 파일의 참조, 메타데이터의 설정 등이 위치합니다웹브라우저에 출력되는 모든 요소는 와 사이에 위치합니다 💻 CODE Hello World 안녕하세요! HTML5 💡 HTML5의 기본 문법📃 HTML 요소는 시작 태그와 종료 ..
AI 서비스 이해 및 기술 필요한가요? 개발자 관점 Trend 및 향후 동향
·
LG CNS AM CAMP 1기
🔑AI 분야는 빠르게 발전하고 있어, 지속적으로 Trend를 모니터링하는 것이 중요합니다💡 2024년 12월 현재 AI ❗️  AI 는 초기의 ChatGPT와 같은 LLM(Text-to-Text) 모델을 넘어 이제는 이미지와 비디오를 포함한 멀티모달 영역으로 확장되고 있습니다❗️  인공지능(AI)은 특정 전공자나 전문가만의 전유물이 아니라, 이제는 일반인들도 다양한 분야에서 자연스럽게 활용하고 있습니다. 이러한 변화는 AI에 대한 거부감을 줄이고, 일상 속에서 AI를 효과적으로 적용하는 사례를 만들어내고 있습니다.❗️ 예를 들어, ChatGPT API를 활용하여 성경을 학습한 AI가 사람들의 다양한 질문에 답하는 등, AI 기술은 종교, 교육, 상담 등 여러 분야에서 유용하게 사용되고 있습니다💡 A..