반응형 전체 글253 12살 딸과의 대화를 통해 배운다. 잊지 않으려 책에서 읽은 내용을 기록해 둔다. 며칠 전 도서관에서 대여해 온 책을 무심코 읽다가 나와 딸의 대화가 연상됐다. 감정 문해력 수업한국은 겉에 드러난 말의 속뜻을 파악하기 위해 상황과 맥락, 뉘앙스 등 보이지 않는 요소들을 고려해야 하는 ‘고맥락 사회’다. 대표적인 고맥락 사회인 한국과 일본의 말 문화를 비교 연구한www.aladin.co.kr 12살 딸과 대화를 하다 보면 항상 아쉬움이 남고 아이와 의견차이가 난다. 무엇이 문제일까? 고민에 고민을 거듭해 봤지만 결론을 내지 못했고 문제가 무엇인지도 모르겠다. 책을 읽다 보니 49 페이지쯤에 "말의 품격을 높이는" 이란 섹션이 나오는데 그 부분에서 나와 딸의 대화의 문제를 이해했고 해법을 찾았다. 책을 읽다가 이렇게 내 삶에 딱 맞는 솔루션을.. 2023. 8. 5. 리액트 이벤트 onChange 다루기 리액트 이벤트 onChange 리액트를 공부해야겠다고 결심하고 곧바로 도서관에서 책을 대출해 왔다. 리액트 문법이나 특징을 전혀 모르는 상태는 아니지만, 책 하나 잡고 챕터 하나씩 따라 하며 빠르게 예제를 따라 하다 보면 의외로 여러 가지 저자의 노하우나 기본기를 탄탄히 다질 수 있다. 공부하다가 자주 사용할 만한 예제들을 기록해 놓고 훗날에 잊을 때마다 꺼내보고자 포스팅한다. input 요소를 랜더링 하는 코드와 해당 요소에 onChange 이벤트를 설정하는 코드를 작성하고 onChange 이벤트 부분에 e를 인자로 받아 target.value 콘솔로르 함수로 찍어본다. import React, { Component } from "react"; class EventPractice extends Comp.. 2023. 7. 30. 워크웨어, 디키즈 874 워크웨어, 디키즈 874 오늘은 디키즈에 대해 포스팅해본다. 한국에서는 고가의 브랜드라는 인식보다는 약간 저가에 미국에서 건너온 흔한 브랜드? 정도로 인식되곤 한다. 디키즈는 1922년에 디키와 윌리암슨이라는 사람이 공동 창립했으며 그들 중 한 명의 이름을 따서 사명을 디키즈라 했다. 포스팅 제목 그대로 노동자들이 입는 작업복을 주력으로 생산했다. 그 당시는 산업혁명 후, 산업이 발전하고 있던 시기였기에 노동자들을 대상으로 하는 물품들이 돈이 되는 사업이었을 터다. 연이어 2차 세계대전을 겪으며 군대에 납품하기 위해 이 회사도 전투복을 만들면서 계속해서 생존했다. 군인들에게 전투복이 꽤 마음에 들었던지 전쟁이 끝난 후부터 점점 브랜드를 사람들에게 알리게 됐다. 참고로 워크웨어는 복장 스타일로 기능성과 실.. 2023. 7. 28. 인텔리j에서 리액트 개발환경 구성하기 인텔리j에서 리액트 개발환경 구성하기 2016년 쯤 **통신사 프로젝트에 참여하게 됐는데 프론트 개발파트와 백엔드 개발파트를 나누어서 진행했었다. 나는 백엔드 개발자 역할로 들어갔었는데 그 때 처음 SPA를 접하게 됐다. 그 당시 프론트 개발파트에서 사용하던 JS 라이프러리가 React였고 특징, 장단점 등을 어깨너머로 익혔고 약간의 코딩도 해봤지만 CRUD를 모두 경험해 본 터는 아니었다. 어느덧 7년이라는 세월이 흘렀다. 요즘 참여하고 있는 프로젝트는 프론트, 백엔드 이렇게 나누어서 개발하는 곳은 아니다. 운 좋게 대형 프로젝트인데 분석, 설계, 개발까지 모두 타임라인 순으로 모든 역할을 하고 있으며, 현재는 개발 단계로 프론트, 백엔드 이것저것 닥치는 대로 하는 중이다. 오랜만에 자바스크립트를 하게.. 2023. 7. 23. 자바스크립트 Arrow Function 자바스크립트 Arrow Function Arrow Function은 함수를 정의하는 새로운 방법이다. 이런 게 언제 생겼는지 모르겠다. 사실 전문 웹프론트 개발자가 아닌 "나" 이기에... 새로운 문법이나 몰랐던 방법을 보게 되면 바로바로 기억해서 써먹어보고자 노력하는 편이다. 오늘은 화살표 함수에 대해 알아본다. 화살표 함수를 사용해 함수를 정의하면 기존 함수 선언식이나 함수 표현식에 비교해 구문이 짧아진다는 장점이 있다. 화살표 함수 내의 this는 언제나 상위 스코프 this를 가리킨다. 예제 // 함수 선언식 function hello(str){ return "Hello, " + str } // 함수 표현식 const hello2 = function (str){ return "Hello, " + .. 2023. 7. 16. 자바스크립트 for-in 과 for-of 문 이런저런 프로그래밍 언어를 사용하니 가끔씩 자바에 자바스크립트 문법 쓰고 PLSQL 조건문을 다른 언어에 사용하며 많지 않은 시간을 훌쩍 보내기도 한다. 다양한 언어를 사용해 보고 경험해 보는 것도 나쁘지는 않으나 시간이 그리 많지 않은 SI에 들어가서 반나절을 어이없는 문법 실수로 보내기도 한다. 그럴 때를 대비한 나만의 포스팅 //오브젝트 형태 let person = {fname:"김", lname:"봉두" , age: 25}; //for in 문법 for(const key in person){ console.log(person[key]); } //오브젝트를 배열로 만들수도 있지 않을까? let persons = [ {fname:"김", lname:"봉두" , age: 25}, {fname:"김1",.. 2023. 7. 16. 뉴발란스 신발 추천 2002 뉴발란스 신발 추천 2002 2023년 태어나 처음 뉴발란스 운동화를 구입했다. 아저씨들이 좋아하는 브랜드로 인식하고 있던 내가 뉴발란스에 관심을 갖기 시작한 것은 칭찬이 자자한 입소문 때문이다. 함께 일하는 동료 몇몇 분이 뉴발란스를 신고 다니시길래 그 브랜드 운동화 장점에 물었고 모두들 한결 같이 편하다고들 한다. 가격이 착한 편은 아니지만 아디다스 보다는 덜 늙어 보이고 나이키보다는 조금 유니크한 느낌이랄까? 뉴발란스 운동화는 어디서 사야 할까? 서너 달 전부터 뉴발란스를 신게 된다면 어떤 모델을 구입할까 심심할 때마다 구경하곤 했는데 가격이 천차만별이다. 이런저런 신발을 구경하던 중, 클래식하면서 993과 비슷하고 기능성도 어느 정도 탁월하며 특히 착용한 사람들이 의외로 많이 안 보이는 2002를.. 2023. 7. 15. 자바스크립트 서버 통신 Ajax, fetch, axios, XMLHttpRequest 자바스크립트 서버통신 Ajax, fetch, axios,XMLHttpRequest 객체 XMLHttpRequest 객체 대부분의 웹브라우저는 서버에 데이터를 요청하기 위한 XMLHttpRequest 객체를 내장하고 있다. XMLHttpRequest 객체는 서버로부터 XML 데이터를 전송받아 처리하는데 사용된다. XMLHttpRequest 오브젝트의 개념은 원래 마이크로소프트 익스체인지 서버 2000용 아웃룩 웹 액세스의 개발자들이 만들었다. XMLHTTPRequest라는 인터페이스가 개발되어 이 개념을 사용하는 2번째 버전의 MSXML에 구현되었다. 2번째 버전의 MSXML 라이브러리는 1999년 3월 인터넷 익스플로러 5.0에 포함되었으며 MSXML 라이브러리의 XMLHTTP 래퍼를 사용하여 액티브 X.. 2023. 7. 9. 무선 블루투스 헤드셋 QCY H2 Pro (중국의 실수 아이템) 무선 블루투스 헤드셋 QCY H2 Pro (중국의 실수 아이템) 한 달 전 QCY T13 이어폰을 구입하면서 순전히 궁금함과 재미에 이끌려 H2 Pro 무선헤드셋도 함께 구매했다. 헤드셋을 자주 이용하는 편은 아니다. 무겁고 거추장스럽고 내가 원하는 만큼의 음질은 아마도 30만 원 정도에 형성된 제품이 적당함을 잘 알고 있으므로... 이유야 어쨌던 QCY 이어폰을 찾아보다가 의도치 않게 여러 유투버들이 자주 언급하는 제품이 있기에, 대체 어느 정도의 가성비이길래 H2 pro를 리뷰까지 할까? 궁금해서 나도 구매해 보고 한 달 정도 사용해 본 후 포스팅을 써 본다. 헤드셋이 만원대라니 얼마나 제품이 허접할까? 저렴하다는 기대보다는 제품의 품질이 궁금했다. 머리가 닿는 곳과 귀 쪽에 쿠션이 달려 있어 편하게.. 2023. 7. 2. 이전 1 2 3 4 5 6 7 ··· 29 다음 반응형
