전체 글

개발은 좋은데 뭘로 개발할까
WEB(FE)/html, css, js

[WEB] PJAX 독학 (1) - 동적으로 페이지 내용 부분 로드 하기

* 그날그날 pjax를 공부한 과정을 일기 쓰듯 정리하는 공간입니다. * 깃허브 TLI에 쓰려다가 마크다운 문법을 공부하는게 의미가 있나 싶어 블로그로 돌아옵니다.. (근데 생각해보니까 굳이 마크다운으로 할 필요 없이 txt파일을 커밋하면 됐었네요 ㅋㅋㅋ) 오라클 클라우드로 가상 머신에 리눅스를 올리고 nginx를 이용해 웹서버를 만들었다. 서버 사이드 언어로는 php를 사용하여 웹페이지에 회원가입과 로그인기능을 만들고자 한다. DB는 마리아DB를 설치하였다. 디자인은 엉성하지만, 대충 이런 레이아웃을 만들었다. 악보검색, 그룹, 마이페이지, 회원가입 각각의 버튼을 클릭할 때마다, 오른쪽 공간에 내용물을 다르게 띄우는 것이 목표이다. 이때 내용물을 띄울 때 PJAX 기법을 사용하는 것이 목표이다. htm..

자기계발/코딩테스트, 대회

2021 카카오 채용연계형 인턴십 for Tech Developers 코딩테스트 후기

평소에 PS를 할 때는 프로그래머스보다 백준 위주로 풀었었다. 그러다 카카오 인턴십을 공고를 보고 과연 어떤 식으로 코딩테스트를 보는지 궁금해졌다. 잘 볼 것이라는 기대는 전혀 없었지만, 어차피 아직 2학년이라 붙어도 인턴십은 못하니 그냥 체험해보자는 느낌으로 가볍게 응시했다. 4시간이라는 시간동안 5문제를 풀게되는데, 나의 집중력은 3시간 50분 즈음에서 끝나버렸다. 5문제중에 2문제를 완벽하게 풀고, 한 문제를 테스트케이스 한개 실패해서 못풀고, 나머지 두 문제를 전혀 건들지 못했다. 첫번째 문제는 백준 solved.ac 기준 브론즈4~3 정도 난이도로 나올법한 if, else if 를 써서 단순 구현하는 문제였다. 숫자와 숫자의 영어이름이 섞여있는 문자열에서 숫자의 영어이름을 숫자로 바꾸어 최종 정..

자기계발/자격증

2021년 정기 1회 정보처리기능사 필기/실기 합격 후기

공군으로 군대를 지원할 생각으로 자격증을 알아보다 정보처리기능사가 따기 쉽다는 말을 듣고 준비하였습니다. 작년 2020년부터 정보처리기능사 출제기준이 바뀐 후 최종 합격률이 15%라는 말을 보고 엄청 긴장하면서 열심히 준비했는데, 올해는 생각보다 쉽게 나와서 조금 허탈했던 기억이 나네요ㅋㅋ 정보처리기능사 필기와 실기 모두 동일한 출판사의 동일한 교재로 공부했습니다. 저는 이기적 정보처리기능사 필기/실기 교재 2권으로 공부했습니다. 따로 출판사에서 돈을 받고 쓰는 글은 아닙니다. 다른 교재로 공부해도 충분히 합격할 수 있다고 생각합니다. 개인적으로 필기든 실기든 이 교재로 공부하면서 들었던 생각이 "이런 것까지 시험에 나와?" 였습니다. 좋게보면 자세하게 설명해줘서 이해하기 조금 더 편하다고 할 수 있고,..

알고리즘 문제/BOJ (Python3, C++)

[백준] 9938 - 방청소

www.acmicpc.net/problem/9938 9938번: 방 청소 처음 6개의 술은 규칙 1에 의해서 1, 3, 5, 7, 9, 2번 서랍에 보관할 수 있다. 7번째 술은 규칙 3을 적용할 수 있다. 1번 서랍에 들어있는 술을 2로, 2번 서랍에 들어있는 술을 3으로, 3번 서랍에 들어있 www.acmicpc.net 학교에서 분리집합 스터디 이후 연습문제로 풀게된 문제이다. 난이도는 solved.ac 기준 플레티넘3 이다. 분리집합이라는 아이디어를 갖고 시작할 수 있다면 난이도는 골드 수준으로 내려갔을 것 같다. 문제 설명을 읽어보면 복잡하다. 술을 서랍에 정리하는 순서가 다음처럼 나와있다. 서랍 Ai가 비어있다면, i번 술을 그 서랍에 보관한다. 서랍 Bi가 비어있다면, i번 술을 그 서랍에 보..

독서/한 글 후기

'커리어 스킬' 독서 후기

학교 선배님의 추천으로 '커리어 스킬'을 알게 되었다. 작년부터 추천해주셨던 책인데 올해가 되어서야 읽게 됐다. 분명 개발자를 위한 책인데, 읽다보니 꼭 개발자가 아니더라도 도움될 만한 내용이 많아서 놀랐다. 앞 부분은 신입 프로그래머를 위한 내용부터, 주니어 프로그래머를 위한 내용들 위주로 서술되있다. 그리고 뒤로 갈수록 '인생'에 대한 조언이 점점 더 많아지는데, 개인적으로 정말 유익했었다. 처음 이 책을 사고 싶다고 생각한 큰 이유는 개발자의 진로를 알고 싶었기 때문이다. 당장 1학년 1학기가 끝날 때까지만 해도 프로그래머 = 프로그램 만드는 사람 게임 프로그래머 = 게임 만드는 사람 이것 밖에 몰랐다. 그냥 졸업하면 뭔가 프로그램을 만드는 사람이 되는 건가 싶었다. 그러다 카카오의 채용 공고를 보..

알고리즘 문제/BOJ (Python3, C++)

[백준] 5719 - 거의 최단 경로

www.acmicpc.net/problem/5719 5719번: 거의 최단 경로 입력은 여러 개의 테스트 케이스로 이루어져 있다. 각 테스트 케이스의 첫째 줄에는 장소의 수 N (2 ≤ N ≤ 500)과 도로의 수 M (1 ≤ M ≤ 104)가 주어진다. 장소는 0부터 N-1번까지 번호가 매겨져 있 www.acmicpc.net 다익스트라 응용문제로 풀게된 문제이다. solved.ac 기준 플래티넘 5의 난이도를 가진 문제이다. 정말 플레티넘답게 쉽게 안풀리는 문제였다. 질문게시판의 반례와 대회 테스트케이스를 활용해가며 4시간만에 풀었다.. 내가 문제에 접근한 방법, 문제를 푼 아이디어를 기록하고자한다. 이 문제를 푸는 큰 흐름은 다음과 같다. 다익스트라(최단거리 계산) -> 최단 경로들 삭제 -> 삭제한..

Infra/오라클 클라우드

[오라클 클라우드(Oracle Cloud)] Toad for MySQL SSH 접속하기

기존에는 phpMyAdmin을 활용해서 DB를 조작하고 있었는데 어색하기도 하지만 불편한 점이 많아서 잘 쓰지 않게 되었습니다. 프로젝트에 사용할 테이블 레이아웃 짜는 것도 귀찮았지만, DB조작이 불편하기도 해서 테이블 만들기를 미루고 있었습니다. (사실 변명인거 압니다...ㅠㅠ) 그러다가 검색을 통해 Toad for MySQL을 무료로 쓸 수 있음을 알게 되었습니다. 그런데 이걸 설치하고 나서부터 갑자기 phpMyAdmin 접속을 서버단에서 막더라구요.. 서버를 부트볼륨으로 백업해두긴 했는데 기존 서버에 덮어씌워서 백업하는 방법은 잘 모르겠어서 그 방법은 포기했습니다. 그래서 phpMyAdmin을 지우고 다시 설치할까도 고민했는데 아무리봐도 CLI 환경에서 phpMyAdmin을 설치하는 건 너무 귀찮은..

Infra/오라클 클라우드

[오라클 클라우드(Oracle Cloud)] Atom SFTP 연결하기

원래 Edit Plus를 이용해서 sftp로 오라클 클라우드로 만든 서버에 접속하여 코딩을 했습니다. 그러나 Edit Plus는 아톰에디터에 비해서 너무 불편했습니다. 그래서 에딧플러스에서 읽어온 코드를 복사해서 아톰에디터에 붙여넣고 수정하는 엄청난 바보짓을 해버렸습니다 ㅋㅋ 이 짓을 하다보니 못해먹겠어서 혹시나 검색해봤는데 역시 아톰에디터로도 SFTP 원격 접속이 되더군요.. 아톰에디터 - File - Settings 로 들어갑니다. 좌측에서 install 탭으로 갑니다. remote ftp를 검색한 후 저는 icetee 님의 패키지를 설치했습니다. 100만회가 넘는 다운횟수가 눈에 띄네요. 사진상 3번째입니다. 설치가 끝나면 Packages - Remote FTP - Create SFTP config..

알고리즘 문제/BOJ (Python3, C++)

[백준] 2662 - 기업 투자

www.acmicpc.net/problem/2662 2662번: 기업투자 어떤 투자가가 여러 기업들에게 돈을 투자해서 최대의 이익을 얻고자 한다. 단, 투자는 만원 단위로 할 수 있으며 각 기업은 많이 투자할수록 많은 이익을 투자가에게 돌려준다. 돈을 투자하지 www.acmicpc.net 문제를 보자마자 DP로 풀면 되겠다는 생각을 떠올리는 것은 어렵지 않았다. DP 점화식을 떠올리는 과정이 익숙하지가 않아서 (특히 2차원 이상으로 갈 경우..) 점화식을 고민하고 구현하는데 시간을 많이 쏟았다. 문제를 풀고나니 알고리즘 분류에 냅색문제로 되어있는 것을 보았는데, 생각해보니 냅색문제와 점화식을 도출한 과정이 비슷했다. 문제를 풀기위해 사고한 과정을 정리하고자 한다. 맨 처음엔 모든 경우의 수를 다 체크해보..

IT/Edit Plus

[edit plus] 파일 인코딩 변경 (feat. html, php 한글 깨짐)

오라클 클라우드에 웹서버를 만드는 것을 공부하던 중 html로 작성한 웹 페이지의 한글이 깨지는 현상을 발견했다. 전에는 php 문자열 인코딩 변환 함수를 사용해서 강제로 인코딩을 바꿔주어 해결했었다. 당시 문제를 해결하기 위해 구글링을 했을 때, 파일 저장시 인코딩을 변경하는 것에 대한 방법도 소개가 되어있었다. 그런데 에딧플러스는 메모장처럼 저장할 때 인코딩 변경 옵션이 뜨지 않는다. 그래서 그 해결책은 나와 상관없다고 생각하고 있었는데.. 알고보니 매우 상관이 있었다. 다음과 같이 한글이 전부 깨져있는 문제를 발견했다. 에딧 플러스로 들어가 원본 파일을 보면 다음과 같다. 분명 meta 태그로 charset 속성까지 설정했음에도 한글이 깨진다. 이 문제는 파일 인코딩에 있었다. 에딧플러스 우측하단을..

에버듀
Blog. 에버듀