🔑그냥 버티자, 버티면 다 나한테 돌아온다💡 단축 속성명(Shorthand Property Name) 📃 동적인 자바스크립트는 객체를 생성할 때, 속성이름과 속성 값이 필요하지만, 아래와 같이 속성 이름을 생략할 수 있는 경우가 있습니다💻CODEconst name = "Jayden"const obj = { name, age: 21}console.log(obj) //{name: 'Jayden', age: 21}⬆️ 객체를 만들 때, 속성 이름이 변수 이름과 같다면 name: name과 같이 길게 작성할 필요 없이 name만 적어, name이라는 속성에 해당하는 값을 name 변수의 값으로 자동 할당합니다.💻Use Case 1const returnObj = (name, age) => { //or..

🔑Writing Key Point in Posting💡 호이스팅 Hoisting📃 진짜 많이 언급되는 것 같습니다. Hoisting은 자바스크립트에서 변수 선언과 함수 선언이 해당 코드 최상단으로 끌어올려지는 현상을 의미합니다💻CODEconsole.log(add(2, 4)); // 6function add(a, b) { return a + b;}⬆️ 뭔가 이상한 점이 보이시나요? add(2, 4)를 함수가 선언되기 이전에 사용을 했는데, 콘솔값이 출력이 됩니다. 이러한 현상을 "호이스팅"이라고 합니다. 💻CODEconsole.log(func());let func = function hello() { console.log("hello")}⬆️ 이러한 경우는 실행이 될까요? ⬆️ 정답은 No 입..

🔑아는 내용이라도 자만하지 말고 다시 한번 보자💡 React의 컴포넌트 Component📃 React 에서는 Component라는 개념을 사용합니다. 간단하게 Component는 레고라고 생각하시면 됩니다. "우리는 어린 시절 레고를 조립해서 성을 만들기도, 배를 만들기도 했습니다" 이처럼 React에서는 Component를 조립하고 배치하여 웹페이지를 구현합니다.💡 Virtual DOM 가상 돔과 기본적인 메커니즘📃 React의 핵심은 Virtual DOM을 활용한 효율적인 업데이트에 있습니다. 과거에는 사용자의 이벤트로 웹페이지가 변경될 때, 변경된 부분만 수정하는 것이 아니라 전체 페이지를 다시 렌더링하는 방식이 일반적이었습니다.📃하지만 React에서는 Component단위로 페이지가 나..

🔑단 한사람이라도 내가 작성한 글을 봐준다면, 글을 작성할 이유는 충분하다💡 프로그래머스 최빈값 구하기📃 최근에 프로그래머스 코딩 테스트 기초문제들을 모두 끝내고 입문 문제로 왔는데, 레벨이 0인데 생각보다 난이도가 있지 않은가 생각이 드네요. 저의 실력 문제겠죠?ㅎㅎ➡️문제는 다음과 같습니다. 최빈값을 구하는 문제인데, 몇일전에 당근에서 라이브코딩때 진행했던 문제와 유사한 부분이 있어서 한번 다뤄볼려합니다.💡 문제 풀이📃 다양한 접근 방법이 있을 것 같은데, 일단은 reduce를 통해서 각각 숫자를 객체값으로 저장을 해주면 좋을 것 같아요➡️일단 reduce함수는 실무에서도 자주 사용되는 것으로 알고 있는데, 누산기 accumulator라는 누산기를 사용합니다. reduce함수는 주어진 배열을..

🔑HTML은 웹페이지를 기술하기 위한 마크업 언어입니다.Content 내용 & Structure 구조사람의 신체로 비유하자면 뼈대라고 할 수 있습니다💡 그래서 뭐가 달라진거죠?📃 HTML5는 2014년 10월 28일 차세대 웹 표준으로 아래와 같은 기능들이 추가됐습니다1️⃣ 멀티미디어 기능의 혁신HTML5에서는 별다른 플러그인이 필요없이 비디오와 오디로를 직접 지원하는 와 태그가 추가되었습니다.2️⃣ 새로운 시맨틱 태그 도입 사이에는 문서의 제목, 외부 파일의 참조, 메타데이터의 설정 등이 위치합니다웹브라우저에 출력되는 모든 요소는 와 사이에 위치합니다 💻 CODE Hello World 안녕하세요! HTML5 💡 HTML5의 기본 문법📃 HTML 요소는 시작 태그와 종료 ..

🔑AI 분야는 빠르게 발전하고 있어, 지속적으로 Trend를 모니터링하는 것이 중요합니다💡 2024년 12월 현재 AI ❗️  AI 는 초기의 ChatGPT와 같은 LLM(Text-to-Text) 모델을 넘어 이제는 이미지와 비디오를 포함한 멀티모달 영역으로 확장되고 있습니다❗️  인공지능(AI)은 특정 전공자나 전문가만의 전유물이 아니라, 이제는 일반인들도 다양한 분야에서 자연스럽게 활용하고 있습니다. 이러한 변화는 AI에 대한 거부감을 줄이고, 일상 속에서 AI를 효과적으로 적용하는 사례를 만들어내고 있습니다.❗️ 예를 들어, ChatGPT API를 활용하여 성경을 학습한 AI가 사람들의 다양한 질문에 답하는 등, AI 기술은 종교, 교육, 상담 등 여러 분야에서 유용하게 사용되고 있습니다💡 A..

목표는 거창할 필요가 없다. 그저 하루에 코드 한 줄 작성하는 목표만으로도 충분하다 ⁉️ 취업 준비한지 3개월정도 흘렀을때, 우연히 발견한 당근 알바 포지션 백엔드 인턴 부분에 지원을 했었는데, 서류를 합격했다는 "우엥?" 싶은 상황이 벌어졌네요.♦️ 이 시기가 아마 어느정도 프로젝트도 진행하고 포트폴리오 이력서도 대강 작성해서, 여기저기 지원을 했었던 것 같은데, 당근도 포함되어 있던 것 같아요.♦️ 한 3개월 정도 프론트의 역량을 쌓아왔기 때문에, 백엔드 인턴을 수행하는 것에 있어서 고민을 많이 했지만, 면접 자체가 경험이 될 수 있을 것 같아서 라이브 면접 날짜를 잡았습니다 어느정도 예상은 하고 있었지만, 직무 인터뷰는 정말 편안한 환경에서 이루어졌고, 처음 한 40분 정도는 제출한 포트폴리오를 바..

🔑이거저거 따질 시간에 코드 한 줄이라도 더 짜고, 문법 하나라도 더 공부하자‼️ 현업에서는 대다수의 프로젝트가 타입스크립트로 개발, 관리되고 있을 만큼, 이제는 타입스크립트를 사용하지 않는 곳을 찾기 힘들정도라고 합니다. 동적인 자바스크립트에서 추가로 타입을 체크해주며 코드의 안정성을 높이는 것은 잠재적 버그도 방지하며 크게 개선할 수 있기 때문입니다 💻 CODEfunction divide(a, b) { return a / b;}console.log(divide(5, 2)) 2.5▶️ 다음과 같은 코드에서 divide 함수는 a, b 인수를 나눠주는 함수입니다만약 인수가 사용자의 인풋을 통해 입력되는 값이라고 한다면, ❌ 사용자가 꼭 숫자를 입력한다는 법은 없겠죠?'안녕하세요', '감사합니다'..