본문 바로가기
반응형

과거255

리액트 이벤트 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.
반응형

티스토리툴바