'coding' 카테고리의 글 목록 (18 Page)

php에서 data 파일 id값을 이용해 가져오기

html로 웹 작업을 하다 보면 그런 의문점이 듭니다. 아 이 서브페이지 헤더랑 푸터 또 써야 하나? 그냥 중간에 콘텐츠만 바뀌면 안 되나? 이 동일한 작업을 서브 만들 때마다 해야 하나?? php에서는 됩니다!! (이러니까 무슨 홈쇼핑 같네요..) 아무튼 그 기능을 살펴보러 갑시다!! 그냥 함수 이름이니까 어렵다고 도망가지 마세요 괜찮아요 안 무서워 안 무서워 1. 함수 ① file_get_contents() - 결론부터 말하자면 이 [file_get_contents()] 함수를 사용해주시면 됩니다. - 이름에서도 느껴지듯이 파일에 있는 콘텐츠를 가져오는 함수입니다. - php 내장 함수로 만들지 않아도 사용이 가능합니다 (감사합니다!!) https://www.php.net/manual/en/funct..

coding/개발 팁 · 2021. 9. 13. 09:30

[VS Code] 비주얼 스튜디오 코드에서 찾아서 바꾸기

비주얼 스튜디오 코드에서도찾기뿐만 아니라 찾아서 바꾸기 기능을 사용할 수 있다는 사실알고 계셨나요? 왜 이 편리한 기능을 여태 몰랐을까...저는 그것도 모르고 일일이 찾아서 바꾸고 했지 뭐예요.좀 꼼수를 쓴다고 Alt + 클릭을 이용했었는데한 번에 바꾸는 방법도 있었다니!! 1. 찾기① 찾기- 먼저 찾기를 해볼 건데 이 방법은 다른 문서 프로그램에서도 사용하니까 다들 아시겠죠?- 단축키 [Ctrl + F]를 사용합니다. - 검색창에 찾고자 하는 단어를 넣어주세요. 2. 찾아서 바꾸기① 바꾸기- 찾기로 뜬 창 왼쪽을 보시면 작은 화살표가 있는데 이 친구를 눌러주세요.- 아래로 바꾸기 칸이 나왔죠?- 여기에 바꾸고 싶은 단어를 적고 바꿔주시면 됩니다. 간단하죠? ② 선택하기- 바꿀 단어는 임의로 ..

coding/editor · 2021. 9. 10. 09:30

vs code에서 코드 한 번에 주석처리하기

코딩을 하다 보면 아 여기서부터 여기까지는 잠깐 주석 처리를 해둬야지.. 하는 생각 해보신 적 있으시죠? 일일이 주석을 타자로 치고 있었는데 이게 단축키가 있다는 사실 알고 계셨나요? 비주얼 스튜디오 코드에 있는 기능으로 주석을 편하게 넣어봅시다! 1. 줄 주석 설정 ① 영역 지정 - 먼저 줄 주석 설정부터 해보겠습니다. - 주석으로 하고 싶은 코드 한 줄을 영역 지정해줍니다. 드래그로 블록 지정해주세요. ② 편집 - 상단 메뉴에서 [편집>줄 주석 설정/해제]를 클릭해주세요. - 오른쪽을 보시면 단축키가 있는데 [Ctrl+/] 단축키로도 설정과 해제를 할 수 있습니다. ③ 주석 설정 - 이렇게 주석이 설정된 것을 볼 수 있습니다. - 토글 방식이기 때문에 편집에서 한번 더 설정해주시거나 단축키를 한 번 ..

coding/editor · 2021. 9. 9. 09:30

css에서 transition을 이용해서 부드러운 전환 효과를 넣어보자!

css로도 약간의 애니메이션 효과를 넣을 수 있다는 사실 알고 계셨나요? transition을 이용하면 제이쿼리가 없어도 동적인 홈페이지를 만들 수 있답니다. 1. 예시 ① 사례 - 어떤 느낌인지 보여드리기 위해서 작업 중인 페이지의 애니메이션을 찍어봤어요. - 마우스를 올렸을 때 나오는 검은색 배경이 팍 나오지 않고 천천히 나오는 것을 알 수 있죠? - 잘 모르겠다고 해도 괜찮아요. transition을 적용하지 않았을 때와 비교해드릴 테니 걱정하지 마세요! 2. transition이 없을 때 See the Pen by ssimplay (@ssimplay) on CodePen. ① 기본 살펴보기 - 기본적으로 hover를 이용해 애니메이션을 만들어본 것입니다. - 정적인 홈페이지보다는 낫지만 그래도 아..

coding/html + css · 2021. 9. 8. 09:30

[sass/scss] 반복 스타일 한 번에 쓰기

css에서 스타일이 반복될 경우 한 번에 처리하는 법을 알려드릴게요. scss의 장점 중 하나죠! 1. @mixin @mixin 그룹이름{ 속성: 속성 값; } ① mixin - mixin은 반복적으로 쓰이는 스타일을 그룹화해서 사용할 수 있게 해 줍니다. - 변수와 비슷한데, 변수가 한 가지만 넣을 수 있다면 mixin은 여러 개를 넣을 수 있습니다. - [@mixin 그룹 이름{ 속성: 속성 값; }]으로 사용할 수 있습니다. 2. 예시 ① 사용이 필요한 곳 예시 - 위의 코드에서 체크한 것처럼 서로 다른 부분에서 동일한 스타일이 적용된 적이 있을 거예요. - 같이 적자니 선택자가 애매하고, 그렇다고 그냥 적자니 반복되어서 코드가 예쁘지 않아요. - 이렇게 한 번 정리해줄 만한 곳에 사용해주시면 됩니..

coding/html + css · 2021. 9. 7. 09:30

coding 265