생각하며 글을 쓰는 사람

요금 애플 워치를 사고싶어서, 애플 사이트랑~ 쿠팡을 자주 보고 있습니다.제가 근데 운동을 자주 하거든요? 조깅, 달리기를 매주 3회 이상은 하는 것 같아요~~근데 애플워치가 운동 측정에 도움이 된다고 하길래... 한번 구매를 고려 해보려고 합니다. 근데 두 모델의 주요 차이점과 달리기 및 조깅을 위한 기능이 뭔지 궁금해서~ 조사한 이후 정리를 해봤습니다. 애플워치 9 주요 기능• 혈중 산소 측정: 혈중 산소 포화도를 측정하여 호흡기 건강을 모니터링할 수 있습니다.• 심전도 기능: 심전도를 기록하여 심장의 리듬을 모니터링할 수 있습니다.• 향상된 센서와 프로세서: 더 정확한 운동 추적과 빠른 성능을 제공합니다.• Always-On Retina 디스플레이: 운동 중에도 화면을 항상 켜둘 수 있어 편리합니다..

저는 맥북을 쓰고 있는데 어느 순간부터 점이 찍히는 문제가 발생 하더라구요~ 그러니깐 스페이스바를 누를때 마다 . ( 점 ) 이 찍힐 때가 있는데 뭐가 문제인제 궁금 했습니다.제 생각에는 시스템 문제라고 생각을 했거든요^^역시!! 시스템 문제 였습니다. 아래 기능을 끄면 점이 찍혀지지 않게 됩니다.시스템 설정 -> 키보드 -> 입력소스 -> 편집... -> 스페이스를 두 번 눌러 마침표 추가 OFF 위에 사진대로 스페이스바 두 번 눌러 마침표 추가를 끄면 더 이상 점이 찍히지 않게 됩니다.

자바스크립트에서 객체(Object)는 속성(프로퍼티)과 메서드(함수)를 포함할 수 있는 데이터 구조입니다.객체는 키-값 쌍으로 구성되며, 키는 문자열이고 값은 어떤 타입도 될 수 있습니다.객체를 쉽게 이해하려면, 실생활에서 쉽게 마주할 수 있는 것과 같이 생각할 수 있습니다.예를 들어, "자동차"라는 객체는 색상, 모델, 제조사 등의 속성을 가질 수 있고, 운전하거나 멈추는 기능을 메서드로 가질 수 있습니다.자바스크립트에서 객체를 정의하고 사용하는 방법은 다음과 같습니다:   객체 생성1. 객체 리터럴을 사용하여 객체를 생성할 수 있습니다.   let car = {  make: "Toyota",  model: "Corolla",  year: 2020,  start: function () {  consol..

자바스크립트의 기초 내용을 한번 간략하게 정리를 해보겠습니다.  1. 변수와 상수 (Variables and Constants):var, let, const 키워드로 변수를 선언하고 값을 할당하는 방법입니다.  let x = 10; const y = 20; var z = 30;   2. 데이터 타입 (Data Types):기본 데이터 타입: String, Number, Boolean, Null, Undefined, Symbol, BigInt복합 데이터 타입: Object, Array, Function let name = "John"; // String let age = 25; // Number let isStudent = true; // Boolean let address = null; // Null l..

vscode에 들어갑니다. 익스텐션에 들어가서 프리티어를 설치합니다. 설치가 되면, 저장을 누를 때 자동으로 정리가 되는것을 원하시는 거죠? 그럼 저와같이 아래의 세팅을 해주면 됩니다. 일단 settings.json 으로 들어가 줍니다. settings.json에 들어가는 방법은 제 다른글에 설명이 되어 있습니다. 자 이제, 아래의 코드를 붙여넣기 하시면 됩니다. // prettier settting "editor.defaultFormatter": "esbenp.prettier-vscode", "prettier.printWidth": 120, "editor.formatOnSave": true 저는 원래 printWidth가 80으로 설정이 되어 있던가? 그렇습니다. 그러나 html을 작성할 때 이상하게 ..

이제 파이어베이스로 부터 데이터를 가져오는 방법을 배우겠습니다. 버전9로 진행을 하겠습니다. 이전에 시작하는 방법에 대해서 글을 썼습니다. 그 글에서 이어서 강의를 진행 하겠습니다. 파이어스토어에 들어가서 권한은 모두 접근할 수 있도록 풀어줍니다. 그리고 컬렉션은 blog로 하나 만들어주고 그 안에 임의로 데이터를 발행합니다. 임시로 서버를 띄워서 확인을 할 수 있습니다. 콘솔창에서 데이터를 확인하려면 아래의 코드를 작성하면 됩니다. // 예전 8버전 const db = firebase.firestore(); db.collection('blog').get().then((결과)=>{ console.log(결과) }) // 새로운 9버전 import { initializeApp } from "https://..

오늘은 파이어베이스 호스팅을 임시로 실행하는 방법에 대해서 알아보겠습니다. 일반적으로 파이어베이스를 시작하게 되면 html, css, javascript 로 시작하게 됩니다. 그리고 js를 이용해서 파이어베이스 로직을 프로그래밍 하게 됩니다. 간단하게 html과 css를 이용해서 화면을 꾸미게 되고 js를 이용해서 뭔가 기능을 만들고 파이어베이스를 실행하려면 파이어베이스 호스팅 기능에서 뭔가를 실행해야 합니다. 그러면 아래와 같이 콘솔에서 시작하게 됩니다. firebase serve --only hosting 그러나 이것은 예전 8버전의 기능입니다. 신버전의 9버전의 실행방법은 아래와 같습니다. firebase emulators:start 그리고 firebase.json 파일을 수정해줘야 합니다. 아래와..

파이어베이스는 어떻게 시작할까요? 일반적으로 파이어베이스는 스마트폰 어플리케이션 개발자들이 빠른 시간안에 풀스택 개발자가 되기 위해서 이용하는 플랫폼입니다. Swift를 이용하여 아이폰 어플, java( 또는 코틀린 )을 이용하여 안드로이드 어플은 일반적으로 클라이언트라고 하고... 이 어플이 동작하기 위해서는 서버가 필요하게 되겠죠? DB도 필요하구요 자바를 이용하여 스프링으로 백엔드를 할것인지? node.js를 이용하여 express를 할것인지? 장고를 할것인지? 루비 온 레일즈로 할것인지? 복잡합니다. 만약 1인 개발자로 시작해야 한다면 쉽지 않은 선택이지요~ 그러나 더 문제는 클라이언트 개발자가 데브옵스 지식을 가지는 것은 더 어렵습니다. 갑자기 트래픽이 증가하면 골치가 아프죠... 그러나 파이어..

저는 원래부터 뉴스의 전체적인 정보를 빠르게 볼 수 있는 플랫폼을 가지기를 원했습니다. 대부분의 신문사는 제 마음에 들지 않았기 때문입니다. 시대에 뒤쳐지는 마인드를 가지고 있는것 같습니다. 구식의 느낌이 느껴집니다. 너무 잡다하게 많은 광고를 달아서 어지럽기만 합니다. 그리고 ui / ux 도 엉망이라고 생각합니다. 쌍팔면도 마인드로 개발된 유저 인터페이스는 정말이지 마음에 들지 않습니다. 그래서 새로운 변화와 느낌에 대응을 할 수 있는 것을 만들고 싶습니다. 정말 짭은 시간을 들이고, 많은 정보를 획득할 수 있는 아주 쌈빡한 플랫폼을 만들어 보고 싶습니다. 그래서 이참에 React와 Next.js에 대해서 배우는 김에 플랫폼을 한번 개발을 해볼까? 생각하게 되었으며 한번 실행에 옮겨야 함을 느꼈습니다..

오랜만에 연차를 내서 대구로 내려갔습니다. 저의 근무지는 경기도 고양시 근처에 있습니다. 그리고 저의 고향은 대구입니다. 대구에 부모님이 계십니다. 9월 명절에 아무래도 대구에 내려가는것이 어려울 것 같아서... 조금 일찍 갔다왔습니다. 여전히 변하지 않은 나의 거리, 동네를 걷고 운동을 하니 기분이 좋았습니다. 집에서 느끼던 감정이 해소가 되는 느낌이었습니다. 원래 가지고 있던 어려운 감정이 사라지는 순간을 느끼게 되었습니다. 그 감정은 '향수병'입니다. 물론 정도가 심한 향수병은 아니고.... 가슴 한가운데에 있는 가고싶은 감정, 약간 그리운 감정입니다. 저도 곰곰히 생각을 해보면 "내가 왜 경기도에 살고있지??" 라며 생각을 할 때가 있습니다. 물론 자세한 설명과 저의 이야기를 여기에 다 담을 수는..

오늘 글에서는 비주얼 스튜디오 코드의 주석 색깔을 이쁘게 변경하는 방법을 보여드리겠습니다. 제가 설정하는 방법으로 하시면 주석의 텍스트가 핑크색으로 변경이 됩니다. 일단 vscode에서 주석 처리를 하는 방법을 설명 드리겠습니다. 1. 원하는 텍스트를 드래그하여 선택한다. 2. 맥 ( Command + / ) , 윈도우 ( 컨트롤 + / ) 을 누르면 주석처리가 됩니다. 주석 처리를 하면 내가 원하는 중요사항을 메모할 수 있고, 내가 작성한 코드에 영향을 주지 않게 됩니다. 이제 vscode 주석 색을 변경해보겠습니다. 먼저 vscode를 켜주시고, settings.json에 들어갑니다. ( settings.json 에 들어가는 방법은 제가 이전 글에 설명을 했습니다. ) 위의 그림과 빨간색 박스의 내용..

저는 개인적으로 개발을 처음으로 배우게 되고, 비주얼 스튜디오 코드 ( vscode ) 세팅하는 것을 매우 어렵게 했습니다. 처음이라서 그런것 같습니다. 그중에 setting.json에 들어가는 것도 어렵더라구요... ㅎㅎㅎ ( 개발을 처음 배울때~ ) 공식적으로 들어가는 것에 대해서 설명을 해보겠습니다. 한번 공식문서는 어떻게 설명하고 있는지 보겠습니다. https://code.visualstudio.com/docs/getstarted/settings Visual Studio Code User and Workspace Settings How to modify Visual Studio Code User and Workspace Settings. code.visualstudio.com 이 페이지로 들어가셔..

저는 원래 파이어베이스를 공부했었고, 버전8로 시작을 했습니다. 그러나 이제 버전9를 구글에서 업데이트를 했고, 파이어베이스 공식 문서를 보면 " Firebase는 한 번의 주요 릴리스 주기 후에 이 버전에 대한 지원을 제거하므로... 새 앱은 대신 버전 9를 채택해야 합니다. " 라고 적혀 있습니다.... 배포되어 있는 8버전은 돌아가겠지만 정식지원은 9버전 위주로 진행을 할 것 같습니다. 그래서 9버전에 대한 내용을 정리하려고 합니다. 우리가 흔히말하는 '웹서버'는 그냥 데이터 꺼내달라고 하면 데이터 꺼내주는 기계입니다. 버전 9 는 webpack 또는 Rollup 과 같은 최신 JavaScript 빌드 도구를 사용해서 파이어베이스 크기를 줄이고 효율성을 높이는 모듈식 접근 방식을 사용합니다. 앱에서..

시멘틱 태그에 대해서 정리를 하겠습니다. 간단하게 적습니다. : 머리말에 해당합니다. 주로 웹페이지의 상단에 있습니다. 로고나 메뉴 등을 넣는 공간입니다. : 링크 등의 메뉴 영역입니다. 링크와 메뉴를 그룹화를 할 때 사용합니다. 모든 링크와 메뉴를 일일이 nav 태그에 넣을 필요는 없습니다. : 동영상, 사진, 멀티미디어를 넣는 영역입니다. 메인 페이지의 이미지 슬라이드 부분 : 웹 문서의 본문, 중요한 콘텐츠를 그룹화할 때 사용 : 본문과 연관성이 적은 외부 영역, 광고의 팝업창 바로가기를 만들 때 사용 : 특정 영역의 그룹화, 연관성이 있는 콘텐츠를 그룹화 할 때 사용합니다. 신문에서 기사 제목 여러개를 section 태그 안에 담아서 사용합니다. : 개별 콘텐츠를 담는 영역입니다. 개별 글이나 기..

22년 1월 4일, 현재... 우리의 투자 방향을 어떻게 해야 할까요? 전문가들이 이달 코스피 등락폭을 2,820∼3,050으로 예상했습니다. 반등하면 현금 비중을 확대하라고 이야기 했습니다. 오늘만큼 올랐으니 내려간다는 말인가요?? 코스피가 올해 새로운 상승추세를 나타낼 것으로 예상한다고 했습니다. 그러나 아직 때가 이르다는 겁니다. 왜 그럴까요? 지금의 국내외 투자환경이 증시에 도움이 되지 않기 때문입니다. 상황이 좋지 않은 것입니다. 그리고 지금의 통화정책이 현재의 상황에 긍정적이지 않는 것입니다. 코로나가 쉽게 끝나지 않고 경기 회복의 발목을 잡고 있습니다. 지난 4분기 실적도 좋지 않습니다. 미국 증시는 상승세를 지속하고 있습니다. 그러나 하락의 조짐이 조금씩 보이고 있습니다. 미국 시장에 따라..