NS쇼핑 기술 블로그

JSX란? React.js 는 일반 JavaScript 문법이 아닌 JSX 문법을 사용하여 UI를 템플릿화 한다. JSX로 작성된 코드는 나중에 번들링되면서 babel-loder를 통해 자바스크립트로 변환한다. JSX를 사용하는것이 필수는 아니지만 이를 사용하면 다음과 같은 장점있다. 1. 보기에 익숙하다(가독성이 좋다) 2. 컴파일시 오류 감지 3. HTML 사용하듯이 사용 JSX var soo = ( <div> <h1>안녕하세요</h1> </div> ) 바벨로 변환하면 다음과 같다. var soo = React.createElement( "div", null, React.createElement( "h1", null, "안녕하세요" ) ) 문법 - 부모 Element 컴포넌트에 여러 Element가...

study

React 시작하기 React.. 첫 시작은 검색.. 수많은 문서, 예제들이 쏟아져 나왔다. 눈으로 읽고 보고 또 보아도 머릿속에 들어오지 않지만 하나씩 시작해보려고 한다. React 는 프레임워크가 아닌 자바스크립트 라이브러리로 사용자 인터페이스를 만드는데 사용한다. 구조가 MVC, MVW 등인 프레임워크와 달리, 오직 View 만 신경 쓰는 라이브러리이다. Component 가장 먼저 알아야 하는 것은 React 의 컴포넌트. React 컴포넌트는 render()에서 새로운 DOM 트리를 생성하고, 이전 DOM 트리와 비교하여 변경 점을 찾아 업데이트한다. 하나에 컴포넌트에서 해당 생김새와 작동방식을 정의하고 컴포넌트...

study

게시판 만들기 프로젝트 프로젝트 개요 개발 언어: Java 1.8 프레임워크: Spring 3.9.3 DB: MySQL 8.0 서버: Apache Tomcat 8.5 빌드툴: Maven 테스트: JUnit 4.12 ORM: Mybatis 3.4.6 환경 설정 Maven dependencies (pom.xml 파일 수정) MyBatis (root-context.xml 파일 수정, bean 추가, XML Mapper에 SQL 저장) 구현 결과 DB 테이블 tbl_post(게시물) tbl_user(사용자) 결과물 화면 게시물(하단 페이징, 페이지 당 노출되는 게시물 10개로 설정) 회원가입 로그인 글쓰기 게시글 조회 검색기능(제목, 내용, 글쓴이 keyword로 검색가능) 조회수

study

운영취지 기존의 회사 IT 팀들이 소통에 폐쇄적이었다면 오픈소스와 협업에 눈을 뜨면서 소통을 적극적으로 하려고 마음가짐이 바뀌었고 적극적인 소통이야 말로 IT 팀내부의 구성원들 역량도 함께 성장할 수 있다고 믿기에 외부와의 소통 채널로 팀블로그를 깃허브에 운영해보려고 합니다 부가적으로는 깃허브내에 기여하는 방법을 기본적으로 숙지시키려고 합니다

study

git 단어 git init: 깃 저장소를 초기화한다. 저장소나 디렉토리 안에서 이 명령을 실행하기 전까지는 그냥 일반 폴더이다. 이것을 입력한 후에야 추가적인 깃 명령어들을 줄 수 있다. git config: “configure”의 준말, 처음에 깃을 설정할 때 가장 유용하다. git help: 명령어를 잊어버렸다? 커맨드 라인에 이걸 타이핑하면 21개의 가장 많이 사용하는 깃 명령어들이 나타난다. git status: 저장소 상태를 체크. 어떤 화일이 저장소 안에 있는지, 커밋이 필요한 변경사항이 있는지, 현재 저장소의 어떤 브랜치에서 작업하고 있는지 등을 볼 수 있다....

github study git

github 교육 Git 기본 명령어들 터미널에서 git –help를 입력하면 기본 사용법이 나오는데, 이 때 기본 명령어들에 대한 간단한 설명들이 나옵니다. $ git --help 작업 공간 시작하기 clone : 원격 저장소를 지역 디렉토리에 복제합니다. init : 비어있는 Git 저장소를 만들거나 기존에 있던 것을 초기화합니다. git help tutorial의 결과도 살펴볼 필요가 있습니다. 현재의 변경에서 작업하기 add : 파일 변경 내용을 인덱스에 추가합니다. mv : 파일, 디렉토리, 또는 (연결)링크를 옮기거나 이름을 변경합니다. reset : 현재 HEAD 를 특정한...

github study

GTM-GA ECOMMERCE 연동 기본적으로 GTM-GA-쇼핑몰 연동을 하셨다면 향상된 전자상거래 항목을 어찌 추가해야하는지 어려움이 많으신 분들이 많을 것이라고 생각됩니다. 차근차근 진행해보겠습니다. 일단 개념부터 생각을 해볼까요? 전자상거래에 어떤 데이터를 전송할지 생각해보세요(ex. 구매완료된 상품을 GA로 보내고 싶어요!) GTM에서 GA로 보낼 수 있는 TAG를 생성해야하겠군요 (ex. 구매완료 ) 어떤 상황에서 TAG를 실행시킬 것인지 생각해서 만들어야합니다. (ex. pageURL에 구매완료페이지 이름이 들어가면 TAG를 실행시키고 싶어요) 전자상거래에 맞는 GTM에서 제시한 데이터를 setting해줘야 TAG에서 해당 데이터를 가져갈 수 있어요. 개념은 위의 양식대로 생각했지만...

## new post 새글

github

soomin test

GIT 개념 소스 코드 관리를 위한 분산 버전관리 시스템 CVS, Subversion 과 같은 영역을 담당하지만 2017년 현재는 GIT 이 독주 상태 버전관리 영역 로컬 PC : Working Dir => Index (Stage) => HEAD GITHUB : Repository 기본개념도 fetch vs pull fetch : 원격 저장소의 소스를 로컬 저장소로 가져온다 pull : fetch 후에 Merge 작업까지 수행한다 다른사람 Repository 내용으로 내 Repository 를 다시 맞추려면 다른사람 Repository 를 Pull 로 가져와서 git pull upstream master 내 Repository...

github