Dev Diary 💻

Intro javascript의 익명함수에 대해 알아보도록 하겠습니다. Anonymous function 익명 함수는 연결된 이름이 없는 함수입니다. 일반적으로 JavaScript에서 함수를 정의하기 위해 함수 이름 앞에 function 키워드를 사용하지만 JavaScript의 익명 함수에서는 함수 이름 없이 function 키워드만 사용합니다. 익명 함수는 처음 생성된 후에는 접근할 수 없으며 값으로 함수로 저장된 변수로만 접근할 수 있습니다. 익명 함수는 여러 인수를 가질 수도 있지만 하나의 표현식만 가질 수 있습니다. Syntax function() { // Function Body } → function 키워드를 사용하여 선언하였습니다. ( () => { // Function Body... } )..

Intro input tag 에서 최소값과 최대값을 설정하는 방법에 대해 알아보도록 하겠습니다. Syntax 숫자 (number) : 최솟값 혹은 최대값을 명시함 날짜 (date) : 최솟값 혹은 최대값을 명시함 Example http://www.tcpschool.com/html-tag-attrs/input-min

Intro 코틀린에서의 이스케이프 문자 (escape character), 그리고 Raw에 대해 알아보도록 하겠습니다. Escape character 이스케이프 문자란, 문자열 내에서 특수한 기능을 수행하는 문자입니다. 역슬래시(\) 기호가 붙은 특수한 기능을 하는 문자 리터럴 입니다. 즉 문자열 안에서 특별한 의미로 해석되는 문자입니다. 구분 의미 \a 경고음 출력 \n 줄 바꿈, 개행 (new line) \t 수평 탭으로 일정한 가격 띄우기, 탭 (tab) \b 백스페이스로 뒤로 한 칸 이동 (backspace) \r 동일한 줄의 맨 앞 칸으로 커서 이동 (carriage return) \f 출력 용지를 한 페이지 넘김 (form feed) \\ \(역슬래시) 문자 출력 \' '작은 따음표 문자 출력..

Intro Axios의 catch() 문에서 Status Code 를 받아오는 방법에 대해 알아보도록 하겠습니다. 예를 들어 다음의 axios 요청이 있다고 가정해 봅시다. axios .get('foo.example') .then((response) => {}) .catch((error) => { console.log(error); //Logs a string: Error: Request failed with status code 404 }); 다음의 방법으로 console.log 로 찍어볼 경우 단순 string 만 반환하게 됩니다. return 된 object를 받고 싶을 경우 어떻게 해야 할까요? How to solve the problem axios.get('/foo') .catch(functio..

Intro JavaScript 에서 현재 시간을 기준으로 한달 전/후 날짜를 구하는 방법에 대해 알아보도록 하겠습니다. How to solve the problem let now = new Date();// 현재 날짜 및 시간 console.log("현재 : ", now); // 현재 : Fri Sep 30 2022 11:05:32 GMT+0900 (한국 표준시) let oneMonthAgo = new Date(now.setMonth(now.getMonth() - 1));// 한달 전 console.log("한달 전 : ", oneMonthAgo); // 한달 전 : Tue Aug 30 2022 11:05:32 GMT+0900 (한국 표준시) let now = new Date();// 현재 날짜 및 시간..

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전까지..

이 글은 드림코딩 엘리님의 "HTML 태그들, 헷갈리는거 정리해 보았다 🥳" 영상을 바탕으로 정리한 내용입니다. Intro Html은 다른 프로그래밍 언어에 비해서 진입장벽이 훨씬 낮은 마크업 언어이지만, 만만하게 공부하면 어디에서 어떤 태그를 사용해야 하는지 매우 헷갈립니다. 필수로 알아야 하는 시멘트 태그들과 헷갈리는 태그들에 대해 알아보도록 합시다. Semantic Tags (Semantic Markup)? semantic이란 "의미의, 의미가 있는"을 뜻합니다. html에서 div 태그만 이용해서 모든 웹사이트를 만들 수도 있지만, 브라우저도 개발자도 의미있게 이애할 수 있기 위해서는 semantic tags 를 적절하게 잘 사용하는 게 중요합니다. Top level heading Top leve..

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..

이 글은 드림코딩님의 '자바스크립트의 역사와 현재 그리고 미래 (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..