Develop75 워드프레스 쇼핑몰 만들기 - 1) 준비물 알아보기 워드프레스를 이용하여, 쇼핑몰을 구축해보려고 한다. 1차 목표는 전자책 판매 사이트를 만드는 것. 그 과정에서 웹사이트를 빠르게 구축하는 기술을 배우고, 서버, 도메인과 관련된 공부를 함께 진행하려 한다. 이번 포스팅부터 그 과정을 기록할 예정이다. 그 시작으로, 필요한 기술 스택을 알아보자. 필요한 기술 1. 웹 페이지 구축 : 워드프레스 이용 2. 서버 : AWS EC2 이용 3. 웹서버는 nginx 이용 4. DNS는 Route 53 이용. 각 기술별 역할, 정의 등을 알아보자. 1. 워드프레스 워드프레스는 코딩을 최소화하여 웹사이트를 제작할 수 있게 돕는 툴이다. 윅스, 아임웹, 카페 24 등 웹사이트를 제작할 때 다양한 웹 빌더를 이용해볼 수 있다. 워드프레스가 갖고 있는 장점으로는 세 가지 정.. 2022. 4. 1. Android - Kotlin Lambda 활용하기 람다 식 - Lambda Expression > 다른 함수에 넘길 수 있는 작은 코드 조각 공통 코드 구조를 함수로 뽑아낼 수 있다. 람다식을 사용하면 코드가 더욱 간결해진다. 맛보기 자바 코드 button.setOnClickListener(new OnClickListener(){ @Override public void onClick(View view){ //수행동작 } }) 자바의 경우 무명 내부 클래스를 선언하고 동작을 적어 줄 수 있다. 이는 코드를 번잡스럽게 만들며, 규모가 커지는 경우 가독성을 현저히 저하시킨다. Kotlin button.setOnClickListener{ /*수행동작*/ } 하지만 람다식을 활용하면 보다 간결한 표현으로 기능을 구현할 수 있다. 람다 식의 문법 위와 같이 람다 .. 2021. 6. 5. Git Bash를 이용한 Github 버전 관리 로컬 저장소 이용한 버전 관리 Git Bash를 이용하여 원격 저장소 버전 관리를 알아보기 이전에, 먼저 로컬 저장소를 이용한 버전 관리를 알아보자. 간단하게 Git Bash를 이용한 사용법은 아래와 같다 git init git add git commit git init 프로젝트 버전 관리 시작 유의할 점은 버전관리를 시작 할 위치에 가서 git init을 해주어야 한다. cd 폴더명 을 통해 해당 폴더로 이동하여 git init을 해주자. git add ~ 새로운 작업 후 git add를 이용해 git stage에 등록 (사용 예 : git add * 또는 git add 파일명) git commit -m "설명" git stage에 있는 작업 파일을 기준으로 변경 이력 생성 우선 여기까지가 로컬 저장소.. 2021. 6. 5. javascript querySelector, querySelectorAll이용하기 이번 포스팅에서는 javascript의 querySelector를 이용하는 방법에 대해 다뤄보겠습니다. 크롬 브라우저의 개발자 도구에서 console창으로 테스트해보시는 것을 추천드립니다. 📌 querySelector querySelector는 dom 요소를 하나만 선택할 때 사용합니다. 해당 요소의 속성을 변경하거나, 자식 / 부모 관계로 Element를 만들 때 주로 사용됩니다. 사용 방법은 이렇습니다. document.querySelector('요소'); 📌 querySelectorAll querySelectorAll은 해당되는 모든 요소를 nodeList(배열)로 반환합니다. document.querySelectorAll('요소'); 이때, 선택할 요소는 css 선택자를 사용하는데요, 대표적인 경.. 2021. 5. 31. javascript 배송 기한 설정하기 e commerce 서비스를 이용하다 보면, "00시간 00분 00초 내 주문 시 당일 발송"과 같은 문구를 볼 수 있습니다. 이번 포스팅에서는 javascript로 배송 기한 설정 작업을 해보겠습니다. - 오후 3시를 기준으로, 오늘 배송인지 내일 배송인 판별 합니다. - 다음날이 공휴일 / 주말이라면 다음 영업일을 기준으로 몇일, 몇 시간 이내에 주문 시 발송인지 포함합니다. 📌 전체 코드 👀 부분적으로 알아보기 👉 타이머 띄우기 window.onload = function(){ var info_new_wrap = document.querySelector('.parentElement');//class 이름이 parentElement인 요소 var timer_below_order_cost = creat.. 2021. 5. 31. Android Custom Dialog 만들기 - Dialog Fragment 안드로이드 Dialog Fragment를 이용하여, 커스텀 다이얼로그를 만드는 방법에 대해 알아보겠습니다. 본 포스팅은 ViewBinding을 사용합니다. https://chjune0205.tistory.com/entry/Android-ViewBinding%EC%97%90-%EB%8C%80%ED%95%98%EC%97%AC Android ViewBinding에 대하여 이번 포스팅에서는 findViewById를 대체하게 된 ViewBinding에 대해 알아보겠습니다. ❓ 왜 findViewById에서 ViewBinding으로 대체되었는가? findViewById의 경우 layout에서 지정한 이름을 직접 가져와, 매칭.. chjune0205.tistory.com 완성 화면은 다음과 같습니다. ⛏ 레이아웃 만.. 2021. 5. 30. 이전 1 2 3 4 5 ··· 13 다음 반응형
