'💻 개발 이야기' 카테고리의 글 목록

2024.11.16· 💻 개발 이야기

나는 코딩을 배운 초등학생 때부터 프로덕트를 만들기 시작한 중학교 시절도 그렇고 언제나, 사실은 지금도 계속 프로덕트를 론칭하고 싶다. 작년 호기롭게 SNS를 론칭하고 덤벼들었다가 다채롭게 망해버린 SNS 이야기를 해보고자 한다. 발단그냥 친구와 얘기하다가 SNS를 만들어볼까?라는 생각이 들어 만들게 되었다(...) 그래서 친구에게 또 다른 친구를 소개받아 친구의 친구와 함께 이 프로덕트를 시작하게 되었다.나는 PHP로 백엔드를 만들었고, 그 친구는 프런트엔드를 담당했다. 사실 너무 무모하게 기획했었다. 어떠한 지양점을 가진 SNS인지 설정하지 않았고 그냥 와 같은, 커뮤니티를 만들었다. 당시 나는 이 앱을 상업적인 프로덕트로 발전시킬 생각은 없어서 도메인도 9천 원짜리 kr에다가 서버도 무료 호스팅을..

3개월 간의 교내 인트라넷 사이드 개발 및 운영기

2024.11.14· 💻 개발 이야기

사이드의 시작은 전교회장으로부터의 부탁이었다. 자기의 공약 사항인 건의함 사이트를 만들어 줄 수 있냐는 것이었다. 사실 나는 예전부터 욕심을 가지고 있었는데, 학교 교내 "통합 온라인 플랫폼"이었다. 그래서 방향을 단순 청원 사이트를 넘어 교내 모든 기능을 다 넣은, 우리 학교의 슈퍼앱으로 만들고 싶었다. 마치 한국디지털미디어고등학교의 #과 한세사이버고등학교의 #처럼 말이다. 그래서 지체 없이 해당 요청을 수락하고 개발하기 시작했다.개발PHP를 메인으로 개발에 착수하였다. PHP를 기반으로 HTML, CSS와 몇몇 부분에서는 JS 및 제이쿼리, 디자인은 부트스트랩을 내 입맛대로 커스텀하여 사용하였다. 아이콘을 위해 Fontaswome 5를 사용했다. UI 디자인도 직접했다. 학교에서 예산 지원을 받기 ..

PHP에서 비동기 처리 구현하기 (JS)

2024.08.07· 💻 개발 이야기

비동기처리? 동기처리?이미 저보다 훌륭하신 분들이 설명해 주실 거라 믿어 따로 설명하진 않겠다. 주니어 웹 개발자가 알아야 할 ‘비동기 통신’ | 요즘IT“비동기 통신에 대해 설명해 보세요.” 프론트엔드 개발자 면접에서 자주 받는 질문이다. 개발자라면 비동기 통신과 동기 통신에 대한 개념을 정확하게 알아야 하고, 이를 바탕으로 효율적인yozm.wishket.com PHP와 JS로 비동기 처리 구현하기index.htmldocument.addEventListener("DOMContentLoaded", function () { fetch("get_lunch.php") .then(response => response.text()) .then(data => { d..

실전 Xcode로 웹뷰 하이브리드 앱 만들기 (웹뷰, JS처리, target='_blank' 처리, Firebase 푸시 알림)

2023.12.27· 💻 개발 이야기

STUZM은 기획 단계에서 원래 PHP를 통한 웹, 코틀린을 사용한 웹뷰 안드로이드 앱, 스위프트를 사용한 웹뷰용 iOS 앱 이렇게 되기로 기획되었다. 난생 처음 스위프트를 써서 네이티브 앱을 구현하려 했으나, 초보인 만큼 자료를 찾기 어려웠었기 때문에 다른 초보자에게 도움이 되게 + 내가 다시 보고 쓸 수 있게 기록으로 남기고자 한다. import UIKit import WebKit import SystemConfiguration import Foundation import SafariServices // 네트워크 오류 class class Reachability { class func networkConnected() -> Bool { var zeroAddress = sockaddr_in(sin_le..

나이스 공공API를 사용하여 학교 급식 및 시간표를 불러오기 (PHP)

2023.10.29· 💻 개발 이야기

이번에 STUZM을 개발하며 기능 중 하나로 급식 및 시간표를 보여주는 기능을 넣게 되어, 해당 기능을 어떻게 개발했는지 한번 적어보려 합니다 :) 제가 사용한 API는 나이스에서 제공하는 공공 API이며 나이스 교육정보 개방포털에서 API 키를 발급 받아 누구나 손쉽게 사용 가능합니다. GitHub - seongpark/php_neis_meal_api: PHP 나이스 급식 API 불러오기 PHP 나이스 급식 API 불러오기. Contribute to seongpark/php_neis_meal_api development by creating an account on GitHub. github.com 학교 코드 불러오기 $xmlfile = 'https://open.neis.go.kr/hub/schoolI..

PHP는 정말로 퇴물 언어일까?

2022.01.13· 💻 개발 이야기

저는 NodeJS가 웹개발계에서 각광받고 있을 시점에 PHP를 통해 웹개발에 입문하게 된 좀 특이한 사례입니다. 그래서 저는 남들보다 늦게 PHP에 입문하게 되었고, 지금도 PHP를 공부하고 있는 초보 개발자입니다. 하지만 요즘 PHP를 한다고 하면 많이들 퇴물 언어가 아니냐라고 묻고 있습니다. 사실 PHP는 제가 생각하기로는 아직은 퇴물 언어가 아닙니다. 지금도 수많은 웹사이트가 PHP를 통해 코딩되어 공개되고 있으며, 이미 PHP를 통해 코딩된 수많은 웹사이트가 존재합니다. 지금도 PHP는 개발 언어중 10위 내에 있으며, 아무리 퇴물이라 해도 웹개발에서 PHP가 가진 영향력이 오래되었고 어마무시한 만큼 지금도 무시할 수 없는 존재중 하나입니다. 그리고 PHP는 절대로 향후 몇십년간은 계속 쓰일 것입..

앵귤러 JS가 사라진다? 앵귤러JS 서비스 종료 소식

2022.01.13· 💻 개발 이야기

웹개발에 혁신을 일으킨 라이브러리인 앵귤러JS가 11년만에 역사속으로 사라집니다. 또한 앵귤러JS 커뮤니티도 서비스를 종료합니다. 하지만 구글은 그 다음 버전인 타입스크립트 기반 앵귤러는 계속 지원을 하고 있습니다. 타입스크립트 기반 앵귤러는 개발 경험을 개선시키고 버그를 식별하는데 도움을 줍니다. 서비스를 종료하면 어떤 일이 생기나요? 만약 앵귤러JS가 서비스를 종료한 후에 취약점이 발견된다면 더이상 보안패치가 나오지 않고 취약점을 안고 가야합니다. 또한 더이상 패치가 나오지 않습니다. 앵귤러JS를 계속 사용하려면 어떻게 해야하나요? 퍼포스, XLTS.dev 등등 서드파티로 앵귤러JS를 계속 사용할 수 있습니다. 기존 앵귤러JS를 계속 사용하는 방법도 있지만 보안 취약점을 패치해주지 않기에 매우 권장하..

세팅하면 매우 편리한 웹개발 환경 설정하기 - HTML 강좌 (2)

2022.01.12· 💻 개발 이야기

오늘은 HTML과 더 나아가 PHP, Ruby 등등... 까지 개발할 수 있는 개발 환경을 구축해보겠습니다. 사실 HTML이라는 언어는 따로 프로그램을 설치할 필요 없이, 메모장이랑 브라우저만 있어도 코딩이 가능하긴 합니다. 하지만 이 경우 자바스크립트 같은 것과 같이 쓴다면 코딩하기 어려워 개발 환경을 사용하는 것을 추천드립니다. 한번 개발 환경 세팅을 해보도록 하겠습니다. 비주얼 스튜디오 코드 설치 Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visu..

HTML 강좌 - 사전 준비 (웹의 구조에 대해 알아보자)

2022.01.09· 💻 개발 이야기

웹이란 뭘까요? 웹이란 뭘까요? 사전적인 정의는 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유하는 것을 웹이라고 부릅니다. 그래서 여러분들이 인터넷 브라우저를 켜고 매일 방문하시는 구글, 네이버, 덕덕고, 다음같은 사이트들을 웹이라고 부를 수 있겠죠. 웹은 월드 와이드 웹의 약자입니다. 웹의 구조 데이터베이스 -> 웹서버 -> DNS -> 도메인 -> 접속 웹의 구조는 간단합니다. 데이터베이스 서버를 열고, 웹서버랑 데이터베이스를 연결합니다. 그 후 웹서버랑 DNS를 연결..인데 DNS라는 것은 처음 들어보셨을껍니다. 웹서버를 열면 XXX.XXX.XXX.XXX의 IP 주소가 나옵니다. 이 IP주소를 주소 표시줄에 입력하면 접속을 할 수 있습니다. 예시로 네이버의 IP 주소는 125.209.222.1..

Discord.js + Node.js 디스코드 모의주식 이코봇 개발기

2021.12.27· 💻 개발 이야기

어쩌피 솔로라 할 것도 없어 뒹굴거리던 12월 19일 저녁에 깃허브에 들어갔더니 갑자기 제가 팔로우하는 분중 한분이 해커톤 참여 레포를 생성하셨길래 저번부터 해커톤에 나가고 싶은 생각이 있어서, 급하게 아는 친구 한명 불러서 팀으로 하고 아이디어 30분만에 짜고 마감 1시간 남기고 기획서를 작성 후 신청서를 제출했습니다. 그 이후에 크리스마스가 아주 재미있어질꺼 같더라구요..ㅎㅎ 그래서 크리스마스동안 밖엔 눈이 오지만, 쓸쓸히 집에서 누워서 코딩을 했고 발표까지 끝났습니다. 그래서 한번 개발기를 적어보겠습니다! 개발 환경 세팅 일단 제가 필요한 것은 1. 서로간의 협업이 가능한 툴이어야하고 2. 여러 플러그인들이 쉽게 깔려야 하고 3. 어디서든지 접근이 가능하고 4. 사용이 쉬워야한다는 조건을 만족할 협..

나의 GitHub 관리법 - 깃허브 프로필, 깃허브 README.md 작성하기

2021.12.24· 💻 개발 이야기

깃허브는 인기있는 Git 저장소입니다. 그래서 수많은 프로그래머들은 깃허브 계정을 하나씩 가지고 있고, 프로그래머들 중 깃허브를 안쓰는 사람은 단언컨대 없을 것입니다. 이렇게 많이 쓰는 만큼 멋사같은 것에 지원할때나 입사 지원 할때 등등 깃허브 주소를 요구하는 곳들이 많아졌습니다. 그래서 매력적인 깃허브 계정을 만드는 것이 중요합니다. 이번에 한번 매력적인 깃허브 계정을 만들어보겠습니다. 간단한 유저네임, 나를 들어내는 프로필 저는 유저네임을 간단하게 하는 편입니다. 최대한 키보드로 빠르게 칠 수 있고, 특수문자나 숫자는 넣지 않습니다. 그래야 키보드로 칠때 빠르게 칠 수 있고, 기억하기도 쉽습니다. 또한 최대한 본명으로 하고 있습니다. 제가 본명으로 하는 이유는 혼동을 줄이기 위해서입니다. 오프라인에서..

2021-12-19 하루라이프 서비스 재가동하기

2021.12.19· 💻 개발 이야기

한.. 9월쯤에 제가 만들어둔 사이드 프로젝트가 하나 있었습니다. 바로 하루라이프였는데요, 그때 "오늘의 뉴스, 정보, 편의기능을 한번에 보자"라고 거창하게 제작했었습니다. 지금 봐도 디자인은 잘나온 것 같네요. 다만 포맷을 하던 와중 실수로 SSH 키를 백업을 안해두고 포맷을 해버려서 서버에 접근이 불가하는 상황이 와 어쩔 수 없이 서버를 삭제하고 새로 만들었는데, 그 과정에서 하루라이프가 날라갔고 원본파일조차 백업을 안해둬서 서비스가 임시 중지 상태였는데요, 이번에 한번 살려보려 합니다. 하루라이프는 구버전이긴 하지만 깃허브에 백업해둔걸 발견해 서버 말고 임시로 깃허브 페이지로 운용하려 합니다. 다행이 간단하게 만든거여서 깃허브 페이지로 호스팅이 가능한데, 문제는 깃허브 호스팅은 동적 페이지만 지원을..

macOS 한영 전환 키를 오른쪽 커맨드 키로 바꾸기

2021.12.19· 💻 개발 이야기

기본 맥 기기들의 한영 전환 키는 캡스락 키를 짧게 눌러야 했습니다. 길게 누르면 대소문자 전환으로 되어있었는데, 대소문자 전환하겠다고 길게 누르는 것도 짧지만 시간이 아깝고, 한영 전환을 하려는데 대소문자가 바뀌고.. 이러는 경우가 갑자기 많아져 제 인내심이 바닥나 한영 전환 키를 안 쓰는 오른쪽 커맨드 키로 바꾸고 캡스락은 온전히 대소문자 전환 키로만 사용하는 방법을 알려드리도록 하겠습니다. 카라버너 설치 https://karabiner-elements.pqrs.org/ Karabiner-Elements A powerful and stable keyboard customizer for macOS. karabiner-elements.pqrs.org 카라 버너는 손쉽게 맥의 키들을 커스텀해줄 수 있는 툴..

티스토리툴바