Dev Diary 💻

Intro 특정 문자 전까지 문자열을 자르는 방법에 대해 알아보도록 하겠습니다. "message" : "No: 1, 2\nHello World!" 구체적인 예시를 들어보겠습니다. 다음의 데이터가 있다고 가정해봅시다. 기존에는 message에 해당하는 value (string) 값을 화면에 그대로 표출하였습니다.하지만 위 문자열에서 \n 을 기준으로 하여 단순하게 No: 1, 2 만 표시를 해야 한다면 어떤 방법을 사용해야 할까요? How to solve the problem javascript의 내장 함수인 substring() 와 indexOf()를 활용하면 됩니다. indexOf()로 index 8을 반환하므로 최종적으로 substring(0, 8) 이 됩니다. 해당 문자열에서 인덱스 0부터 8전까지..

Intro JavaScript 의 JSON.parse() 함수에 대해 알아보도록 합시다. JSON.parse() JSON.parse() 메서드는 JSON 문자열의 구문을 분석하고, 그 결과에서 JavaScript 값이나 객체를 생성합니다. 선택적으로, reviver 함수를 인수로 전달할 경우, 결과를 반환하기 전에 변형할 수 있습니다. Syntax JSON.parse(text[, reviver]) Parmaters text : JSON으로 변환할 문자열 reviver (optional) : 함수라면, 변환 결과를 반환하기 전에 이 인수에 전달해 변형함. return value : 주어진 JSON 문자열에 대응하는 Object expectiln : 변환할 문자열이 유효한 JSON이 아닐 경우 Syntax..

이 글은 udemy의 React 완벽 가이드 with Redux, Next.js, TypeScript 강좌를 바탕으로 정리한 내용입니다. 24. Module Content React Core Syntax & JSX Working with Components Working with Data 25. 컴포넌트란 무엇인가? 왜 리액트는 컴포넌트의 전부라고 하는가? you will be able to focus on your core business logic that makes up your application instead of having to focus on the actual steps of updating the page when something happens somewhere. React is a..

Intro JSON.stringify() 에 대해 알아보도록 합시다. Json Jon(JavaScript Object Notation)은 데이터를 객체로 표현하는 형식으로 JavaScript의 객체 형식을 모방합니다. 처음에는 JS 전용으로 만들어졌지만, 현재는 Java, Python, Go, C# 과 같은 다른 프로그래밍 언어에서도 Json 형식을 사용하여 클라이언트-서버 간 데이터를 공유하는데 사용되고 있습니다. JSON.stringify() JSON.stringify() 메서드는 JavaScript 값이나 객체를 JSON 문자열로 변환합니다. 선택적으로, replacer를 함수로 전달할 경우 변환 전 값을 변형할 수 있고, 배열로 전달할 경우 지정한 속성만 결과에 포함합니다. console.log(..

이 글은 드림코딩님의 '자바스크립트의 역사와 현재 그리고 미래 (JavaScript, ECMAScript, JQuery, Babel, Node.js)' 를 바탕으로 정리한 내용입니다. History 1993년 UI 요소가 가미된 첫번째 웹 브라우저가 탄생하게 됨 Mosaic Web Browser 1994 Netscape Navigator 탄생 Mosaic Web Browser 를 이끌던 Mac Andressen은 Netscape을 설립함 Netscape Navigator - Wikipedia 초기 인터넷 사용자들의 폭발적 반응을 얻어 약 90%의 시장점유율을 차지했다. 정적 사이트 어떻게 하면 동적인 웹사이트를 만들 수 있는지 고심 → scripting 언어를 추가해보자! Java → 너무 무거워! Sc..

Intro JavaScript의 prompt() 함수 사용 방법에 대해 알아보도록 합시다. Window.prompt() prompt()는 사용자가 텍스트를 입력할 수 있도록 안내하는 선택적 메세지를 갖고 있는 대화 상자를 띄웁니다. Syntax prompt() prompt(message) prompt(message, defaultValue) Parameters message (Optional) : 사용자에게 보여줄 문자열을 나타낸다. defaultValue (Optional) : 텍스트 입력 필드에 기본으로 채워넣을 문자열을 뜻한다. return value : 사용자가 입력한 문자열, 또는 null Example let sign = prompt("당신의 별자리는 무엇입니까?"); if (sign.toLo..