본문 바로가기
반응형

개발

 (14)
성장하는 사람들을 위한 콘텐츠 파킹랏 | 쿠키파킹 Cookieparking 기획 과정과 PM을 하며 배운 것 쿠키파킹 서비스를 런칭했어요! 쿠키파킹 | 성장하는 사람들의 가장 간편한 콘텐츠 파킹랏 매일 새 탭에서 확인하는, All-in-one Web Clipping 서비스입니다. Cookieparking의 Chrome 확장 앱을 활용하면, 다양한 플랫폼에서 발견한 수많은 콘텐츠를 쉽고 빠르게 Web Clipping하고, 새 탭을 열 때마다 간 www.cookieparking.com *크롬 웹스토어에서 쿠키파킹 크롬익스텐션으로 만나볼 수 있습니다. www.cookieparking.com/landing 목차 1. 서론 2. '쿠키파킹' 서비스 기획 배경과 기획 의도 3. 쿠키파킹의 '핵심 기능' 소개 4. 팀빌딩을 위한 기획문서와 소통 5. 랜딩 페이지 배포와 성과 6. 프로젝트 매니징을 하며 배운 것 1. 12명..
[웹개발 전반 개념 간단 정리] 프론트엔드/ 백엔드/프레임워크 📌Frontend & Backend 👉프론트엔드[클라이언트] - 사용언어: html, css, js 👉백엔드 [서버/DB/ API/데이터 통신] -사용언어: js, java, go, php, python, kotlin, swift 등등 📌프레임워크 = 미리 환경을 준비해주는 밀키트같은 녀석 프레임워크의 장점 👉구조화 (유지보수 용이) 👉시간단축 (인건비 감소) 📌프론트/ 백엔드 각각 다양한 프레임워크가 존재 1) 백엔드 웹 프레임워크 : 정적 사이트 제작 가능 👉각 언어별로 프레임워크가 다름 백엔드 언어 사용가능한 프레임워크 js express php laravel java spring python django, flask 📌정적 사이트 vs SPA 👉정적 사이트 페이지 전환마다 html, css, js..
[항해일지 버전업 프로젝트] 열심히 HEROWS 웹서비스 프론트엔드 개발중(github, 기능명세서, git commit, frontend, html/css/javascript, bootstrap) 조용하던 나의 github, 4년만에 다시 꺼내들다 2016년 멋쟁이 사자처럼 활동 이후로 새하얗던 github에 내 commit log들이 차곡차곡 다시 쌓이기 시작했다. 본격적으로 매일매일 서비스 개발을 진행하고 있다. 지난 해커톤과 다르게 이번 프로젝트에서는 나도 figma 디자인 다음 단계에서, 개발을 함께하고자 그간 코딩 공부를 해오고 있었다. 결론부터 말하자면 그리하여 현재, 영차영차 다시 바닥부터 공부해서 프론트엔드 열일중이다. 깃헙에서 우리팀의 repositorty를 만들고, git clone을 한 뒤 terminal을 이용해 git push를 하고 있다. git push/pull 하는 방법 git status git add * git commit -m "" git push origin m..
[생활코딩] Javascript 객체(object) 쓰기와 읽기 함수 퀵 리뷰 function 함수이름(매개변수1, 매개변수2,...) { 함수가 호출되었을 때 실행하고자 하는 실행문; } 1. 객체 쓰기 2. 객체 읽기 3. 객체에 추가하기 4. 띄어쓰기 있는 객체 추가하고 읽기 for(var key in coworkers) { document.write(key+':'+coworkers[key]+' '); } (Array 배열 기초 참고: http://tcpschool.com/javascript/js_array_basic) 객체에 소속된 함수 = method 객체에 소속된 변수 = property 위의 내용으로 치면, coworkers에 걸려있는 함수인 function(){ }에 해당하는 내용이 바로 method이고, coworkers에 걸려있는 변수인 progra..
[생활코딩] 배열과 반복문의 활용 / 함수의 기본, 매개변수와 인자, 출력 배열과 반복문의 활용 함수 이렇게, 위에 two라는 이름의 함수를 지정해줬고, 이후에 two()라고만 적어주면, 길게 코드를 반복해줄 필요없이 해당 함수를 실행 시킬 수 있다! 매개변수와 인자 parameter & Argumnet 입력(매개변수)과 Parameter & Argument(인자) function sum(left, right){ document.write(left+rigth+' '); } 태그 안에서 함수의 내용을 위와 같이 정의해준다. sum(2,3); sum(3,4); 이렇게 실행시켜주면 왼쪽의 화면처럼 5와 7이 산출된 것을 볼 수 있다. 출력 Return 출력을 이용하면, 단순 덧셈 뿐 아니라, 더 추가적인 다양한 요소들을 출력해야할 때 유용하다. 이전에는 다음과 같은 방식으로 함수를 ..
[생활코딩] javascript - 배열과 반복문 배열 반복문 반복문은 while을 이용해주는 것! i=0 이라는 변수를 먼저 지정해주는 것이다. i
[Html] ol, ul, li 사용방법 간단 메모 기본형 목록 만들기 태그 .... 이런식의 목록이 형성된다. 순서형 목록 만들기 태그 .... 1. 2. 3. 이런 식의 목록이 형성된다. 이때, 목록의 타입을 바꿔줄 수 있다. 태그의 Type 속성 속성 값 설명 1 숫자(기본 값) a 영문 소문자 A 영문 대문자 i 로마숫자 소문자 I 로마숫자 대문자 타입이 1일 경우는 작성하지 않아도 디폴트 값이다. 다른 타입으로 목록을 만들어주고 싶으면 다음과 같이 코드를 작성한다. a b c ol type을 a 로 지정한, 위와 같은 경우, a. a b. b c. c 이런식으로 출력된다. unordered와 ordered라는 용어의 차이로 태그의 이름이 지정되지 않았나 싶다.
[생활코딩] Database2_ MySQL Table 추가하기 (Insert) 일단 MySQL 서버에 접속해서, 저장된 데이터베이스를 확인한다. 나는 저장해두었던 opentutorials라는 데이터베이스를 사용하려고 한다. 해당 데이터베이스에 저장된 table을 확인해보니, topic 이라는 이름으로 저장해두었던 것이 있었다. DESC topic; 이라고 치면, topic이라는 table을 describe 해준다. 입력해두었던, columns들이 있고, 이 각각의 columns에 row를 추가할 것이다. Insert와 Values를 이용해서 추가했다. 그리고 SELECT *FROM topic; 이라고 검색해서 방금 추가된 topic 테이블의 내용을 확인할 수 있다. 이고잉 쌤이 작성해놓은 스프레드시트의 위와 같은 표를 MySQL 데이터베이스에 옮겨보도록 하겠다. 이렇게 표를 만들었..
728x90
반응형

티스토리툴바