본문 바로가기

분류 전체보기

[모각코 2일차] DB와 뷰를 구체적 기획하기 intro 최종목표 : Node.js로 충남대 커뮤니티 만들기 목표DB와 뷰 구체적 기획하기 (공통)각 views와 router 파일 생성하여 연결하기GitHub 레퍼지토리에 프로젝트 올리기
[모각코 1일차] 충남대 커뮤니티 만들기 회고 최종목표 : Node.js로 충남대 커뮤니티 만들기 목표 인텔리제이에서 제공하는 node.js 프로젝트 파일 파악하기 데이터베이스 설계 및 모델링 하기 프로젝트 파일 uml 모델링 하기 GitHub 레퍼지토리 만들기 진행 사항 인텔리제이에서 제공하는 node.js 프로젝트 파일 파악하기 public : static 파일을 로딩하게 해주는 디렉토리 routes : 각 웹 페이지(js파일)을 연결해주는 파일들 폴더 views : html 파일들 폴더 app.js : 웹 서버 main js파일 데이터베이스 설계 및 모델링 하기 프로젝트 파일 uml 모델링 하기 Nodejs Document main l App.js views l Index.js l Authorization.js 기능 l Main - l 로그인 ..
[모각코 1일차] 충남대 커뮤니티 만들기 intro 최종목표 : Node.js로 충남대 커뮤니티 만들기 목표 인텔리제이에서 제공하는 node.js 프로젝트 파일 파악하기 데이터베이스 설계 및 모델링 하기 프로젝트 파일 uml 모델링 하기 GitHub 레퍼지토리 만들기
[PCNJ]hover effect 버튼 만들기 1 Hover effect Button : scale See the Pen EGPxBJ by 이정준 (@alencion) on CodePen. 코드와 결과는 여기서 보시면 돼요. YouTube 동영상 CSS코드 분석
[PCNJ]hover effect 버튼 만들기 2 Hover effect로 버튼 만들기! [PCNJ] Hover effect ButtonSee the Pen GPZKPP by 이정준 (@alencion) on CodePen. Youtube 영상 CSS코드 설명
[PCNJ]hover effect 버튼 만들기 : slide button Hover effect로 슬라이드 버튼 만들기! [PCNJ] Hover effect Button : Slide ButtonSee the Pen qLZVwg by 이정준 (@alencion) on CodePen. Youtube 영상 CSS코드 설명
[PCNJ]hover effect 서치바 만들기 [PCNJ] See the Pen pqbdyj by 이정준 (@alencion) on CodePen. Youtube 영상 CSS코드 설명
[CSS]웹 디자인 해보기-blog 2편 구현-1 [Blog] 웹 뷰만 만들어보자.1. state search는 icon으로 만들거예요. https://fontawesome.com/ 아이콘을 무료로 html에 넣을 수 있는 사이트예요. (자세히보기) 2.html 실행 코드1234567 Alencion's blog Colored by Color Scriptercs html을 이용해 state를 만들어보았어요. 블로그 이름과 search박스를 아이콘과 input태그를 이용해서 표현했어요. 3. CSS실행 코드12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758.state{ /* box model */ padding: 2..