728x90

node.js 4

리액트 시작.(Windows ver.)

참고한사이트는? 윈도우(Windows)에 react native 개발 환경 구축하기 - react-native로 앱을 개발하기 위해 윈도우(Windows)에 개발 환경을 구축해 보고, react-native로 생성한 프로젝트가 잘 동작하는지 확인해 봅니다. (posstree.com) 윈도우(Windows)에 react native 개발 환경 구축하기 react-native로 앱을 개발하기 위해 윈도우(Windows)에 개발 환경을 구축해 보고, react-native로 생성한 프로젝트가 잘 동작하는지 확인해 봅니다. dev-yakuza.posstree.com 요기에 아주 자알 나와있다. 명령 프롬프트(cmd)에서 저 글에 나와있는 깔라는것만 제대로 다 깔고 안드로이드 스튜디오 환경 구축만 잘 되어있다면 ..

Node.js로 싸이월드 만들기(3+4일차-마무으리)

최종 완성된 동작 과정 뭐.. 사실 쌉허접하고 photo는 하지도 않았지만 어차피 수정/생성/삭제를 node.js 를 사용해서 실행하는 것을 확인하는 것이 목적이었으니 이쯤으로 만족하기로... ^^ 저번 과정에서 내가 고친 점은 1.메뉴를 변화시킬 때마다 메뉴의 색상도 까만색-> 흰색 or 흰색-> 까만색으로 바꾸게 하고 싶었다. 내가 사용한 방법은 그 때 그 때 write(template.html) 그니까 template안에 내가 설정해놓은 css 값을 바꿔서 메뉴 색을 바꾸는 아주 간단한 방법으로 해결이 가능하였다. home, photo, profile 의 메뉴 색깔을 각각 다르게 하기 위해 template 안에 태그 명을 html/ html1/ html2 로 각각 다르게 지정했다. 2.그 외에 no..

FRONT/Node.js 2021.05.09

Node.js로 싸이월드 만들기(2일차-Node.js이용해서 메뉴 클릭에 반응하도록)

사실 원래같으면 오늘 완성시킬 수도 있을텐데 귀찮음이 내 온몸을 지배했기 때문에 다음을 찐막으로 정하고 정말 깔끔하게 끝내겠다... 그래도 원래보다는 조금 그럴듯해진 모습... 근데 사실 별로 한 건 없다. 1.우선 타이틀, home메뉴, 깃헙주소를 눌렀을 때 주소가 이동하는 방식은 굳이 node.js 쓸 필요 없이 a href로 구현이 가능했다. 2.프로필 사진을 바꾼 이유는 내가 원래 내 블로그에다가 올린 사진을 이미지 링크 썼었는데 노드를 쓰면서 갑자기 엑박이 뜨길래 그냥 놀라운 무료 이미지 - Pixabay 여기서 눈에 띄는거 아무거나 이미지 링크 복붙해서 다시 골라서 만들었다. 3.오늘 가장 애를 먹었던건 오른쪽 menu의 배치인데, 어떻게 하면 div와 div를 겹쳐서 만드는지 몰랐었다. 해결..

FRONT/Node.js 2021.05.03

Node.js로 싸이월드 만들기 (1일차-계획짜기+html/css로 디자인)

내가 지금까지 혼자 배운 node.js를 이용해서 한 번 곧 다시 부활할 싸이월드를 만들어 볼 것이다. 허접할 것 같지만.. 그래두 해보는 것이 낫지 않을까해서.. 일단 지금까지 진행상황임 별게 읎다 아직. 1.우선 배경은 CSS Background Patterns by MagicPattern CSS Background Patterns by MagicPattern Beautiful pure CSS background patterns that you can actually use in your projects! www.magicpattern.design 여기에서 최대한 싸이월드 고유의 회색체크무늬 배경 알아서 설정해서 css코드 복붙했다. 2.폰트는 https://cdn.jsdelivr.net/gh/pro..

FRONT/Node.js 2021.05.01
728x90