반응형 전체 글85 (TCP) java 소켓 채팅 프로그램 17년 여름~가을쯤 제작한 걸로 기억한다. 자바 소켓 프로그래밍을 이용하여 서버와 클라이언트로 구성된 간단한 채팅 프로그램이다. 서버 클라이언트 2019. 4. 22. [동아리 사이트 제작 - 07] 웹 백엔드 개발 - 마무리 자 이제 백엔드로 넘어왔다. 백엔드에 손을 댄 부분은 내가 40, 다른 친구가 60이다. express 프레임워크를 사용하면 \www\bin라는 파일이 존재하는데. 빠르게 지워버렸다. :-) 이 프로젝트의 핵심 소스코드인 app.js의 내용이다. bin에 있던 포트 설정이 app.js로 넘어왔다. 라우트에는 두가지 파일이 있다. 용도에 따라 구분해둔 것. 어드민만 가려둔다. 정말 짜는데 팀원이 애 많이 먹은 소스이고, 졸업하신 동아리 선배에게 질문도 했었다. 내가 손댄 부분은 대략 2~3할정도이며 이게 내가 가장 적게 수정한 소스이다. 위 사진은 DB부분의 소스코드이다. 왼쪽은 DB 연결 소스, 오른쪽은 스키마 정의 왼쪽 소스코드는 데이터로 입력되는 패스워드를 암호화 해주는 것, 오른쪽은 정규식을 이용한.. 2019. 4. 22. [동아리 사이트 제작 - 06] 웹 프론트 개발_05 이미지 디자인 가면 갈수록너무 Node.js 와 연관성이 떨어지는 것 같다 ㅋㅋㅋㅋㅋㅋ 이제 카테고리의 정체성을 잃어버릴 것만 같은 느낌을 받는..... 웹사이트에 들어가던 여러가지의 사진들이 있다. 이 게시물을 적을려 하니 갑자기 생각났다. 이걸 이야기하기 전에 먼저 꺼내야 할게 있는데, 정확히 3월 31일에 내 실수이자 컴퓨터의 문제로 사용자 폴더에 있던 거의 모든 데이터를 손실했다. 다행이 mega.nz에 대부분의 프로젝트를 저장하고 있었지만, 꽤 많은 프로젝트를 잃어버렸다. ㅠㅠㅠ 그렇기에 포폴에서도 작년 여름쯤 개발했던 챗봇을 적지 못했다. 정말 백업이라는 것이 얼마나 중요한지 몸소 깨닭게 된 사건이었다.... 복구 프로그램을 통해 여러가지 복구를 하긴 했는데 모든 파일이 제대로 복구되질 않았다. 이 것은 동.. 2019. 4. 22. [동아리 사이트 제작 - 05] 웹 프론트 개발_04 JS소스파일 프론트에 들어간 JS 소스파일이 크게 4개가 있다. 우클 방지 JS 여러가지로 쉽게 찾아볼 수 있는 형식의 소스코드다. 지금 이 블로그도 17년 겨울쯤에 적용을 했던 기억이 있는데 옛날에 사용해본 기억이 있기에 쉽게 적용할 수 있었다. 현재 블로그에는 디자인을 수정하면서 우클방지 소스가 삭제되었다. (function(){ var cancel=function(e){if(window.event){window.event.cancelBubble=true;window.event.eturnValue=false;}if(e&&e.stopPropagation&&e.preventDefault){e.stopPropagation();e.preventDefault();}return flse;};var block=function.. 2019. 4. 22. [동아리 사이트 제작 - 04] 웹 프론트 개발_03 어드민 페이지 이 페이지는 데이터베이스의 내용을 읽기 위해 만들어진 페이지이다. 소스코드 : https://jsfiddle.net/zwk6ytn5/ DB 내용을 읽어오는 여러가지의 함수가 보이는데 지금까지 포스팅 했던 것 중 가장 많이 보인다. 어드민에 접근하는 방법은 특정 페이지에 접속해 ID와 비밀번호를 입력해야 한다. 페이지는 아래와 같이 생겼다. 신상은 가린다..! 2019. 4. 20. [동아리 사이트 제작 - 03] 웹 프론트 개발_02 신청 페이지 단순하고 쓰기 쉽게 제작하는 데에 초점을 두었기에 모든 페이지가 전부 매우 단순하다. 페이지의 수가 적고 그저 스크롤을 내리기만 하면 모든 페이지를 볼 수 있다. 이 글에서 포스팅할 페이지는 자소서 신청 페이지다. 아래에 링크에 소스코드를 넣어두었다. https://jsfiddle.net/4n85djoc/ html이 아닌 Ejs 파일이라 몇개의 문법이 들어있다. 예를 들자면... 지원 접수가 만료되었습니다. SSR에 지원해주셔서 감사합니다. 다음 작성 양식에 맞춰 지원서를 작성해주시기 바랍니다. 본 지원서는 저장과 불러오기가 가능합니다. 여러번 수정 가능하지만 제출 후 수정은 불가능합니다. 이 점 유의해주시기 바랍니다. 다음 작성 양식을 공격할 시 불이익을 받을 수 있습니다. 합격 통보는 이메일을 통해 .. 2019. 4. 20. [동아리 사이트 제작 - 02] 웹 프론트 개발 _ 01 메인 페이지 밤샘 동안 만든 뼈대에 살들을 붙이기 시작했다. 전 게시물에 적었듯 프론트엔드 개발자이 가능한 사람은 나 밖에 없었기에... 정말 이 사이트를 제작하면서 프론트엔드 공부에 도움이 많이 된 것 같다. 원래 연습보다 실전에서 더 크게 성장한다고.... 정말 여러가지 삽집을 했는데 특히 viewport와 flexbox를 사용했던 것은 아직도 기억에 남는다. 제작했던 프론트 소스들이다. 동아리원의 신상도 어느 정도 포함되어 있기에 적당히 수정해서 맨 마지막 부분에 소스를 올려둔 링크를 남겨둔다. 메인 페이지를 감싸는 CSS소스코드. 개발해본 경험이 좀 부족하기에 소스에 무작정 때려박은 경향이 조금 보인다.... ㅎㅎ 특히 모바일뷰에 그런 부분이 많이 보인다. 이 css를 제작하는데만 대략 4~6일 정도 걸린 것.. 2019. 4. 20. [동아리 사이트 제작 - 01] 기초 기반 마련 프로젝트 진행 기간 : 2019.2.14~ 2019.3.3 신입생들의 동아리 신청 자소서를 받을 사이트를 제작해야 했다. 빠르게 동아리 멤버 3인조로 팀을 꾸렸고, 신촌에서의 한 번의 밤샘과 여러번의 집 디코 밤샘을 통해 틀을 만들고 제작했다. Node.js와 Express 프레임 워크를 사용하기로 결정하고 VSCode의 라이브쉐어 확장 프로그램의 도움을 받아 제작하였다. 내가 nodejs로 웹사이트를 제작해 본 것은 블로그 하나정도였지만, 경험이 부족하다 해서 안 될 것이 뭐가 있는가 :-) 우리 조원들의 역할 배분은 이렇다 나 : 프론트엔드 100% 백엔드 40% 팀원 1 : 백엔드 60% 팀원 2 : 기타 (도메인외 설정 등등) 나 외에 디자인이 가능한 사람이 없었기에 내가 프론트를 전부 맡아서 했.. 2019. 4. 20. 정보처리기능사 자격증 실기 2일 벼락치기 리얼후기 2019년 상시 기능사 202회 2019년 03월 23일 (토) 08:30 휘경공업고등학교에서 시험을 치뤘다. ※주의사항 - 저는 이미 어느 정도 기초지식이 있기에 가능한 일이었습니다. ※보고 무작정 따라 하시면 재시험 각이 뜰 수도 있습니다 :-) 시험이 토요일이었고, 그 주 수요일까지 급하게 수업준비와 자소서,포트폴리오를 빠르게 완성해야 했기에 목요일 새벽부터 시험공부를 시작했다. 우선 정처기 4과목은 60점이 넘어야 합격인데 알고리즘이 만점이 50점이라 알고리즘은 무조건 만점을 받아야 한다. 알고리즘의 경우 모든 문제가 이런 방식으로 나온다. 과거에 다양한 종류의 알고리즘을 구현해본 적이 꽤 많아서 이러한 기호의 형태에 익숙해지는 게 우선이었다. 목요일 새벽부터 목요일 밤까지 선배에게 빌린 정처기 .. 2019. 4. 19. hacker.org_Challenge 'Common Comment' [Web] 문제풀이 시작 이 사이트에 답이 있다고 한다.오른쪽에 찾았다.바로 인증 ㄱㄱ클리어 2018. 2. 18. hacker.org_Challenge 'Never Submit' [Web] 문제풀이시작 답은 스파게티인데 버튼이 동작을 하지 않는다. 콘솔로 강제 서브밋을 눌러주자 저거위에 스파게티에 i하나 더붙여야함 클리어 2018. 2. 18. hacker.org_Challenge 'Web Design 110' [Web] 풀이시작 이 색을 뭐라부르냐 이 색은 olivedrab 이라부른단다 답 클리어 2018. 2. 18. 이전 1 2 3 4 5 6 7 8 다음 반응형
