친구 목록, 나의 프로필 그리고 채팅방(대화방)목록을 보면 같은 부분들이 존재한다."프로필사진" 프로필 사진부분을 여러번 사용하기 위해 전역 클래스를 만들어야 한다.나의 프로필 \- 위에서 말했던 채팅방 목록처럼 이미지크기만 다르고 나머지는 비슷하다.플러스 친구친구

 main class: chatsul class: chats\_\_listli class: chats\_\_chat chat // 헷갈리지 않게 새로운 "chat" class name

 최종적으로 만들어야 할 모습은 이런 모습이지만, 일단 html 뼈대를 먼저 구성한 후 css를 적용할 예정이다.부모 클래스 nav부모-자식 클래스 표현 nav\_\_list자식 간의 클래스 표현 nav\_\_nav-item

 친구목록(friends)채팅목록(index)친구 더 찾기(find)더보기(more) 핸드폰 상태바헤더내비게이션 바 Font Awesome 페이지 참고

이 시리즈는 노마드코더 카카오클론코딩 강의를 참고하여 작성한 문서이고, 굵직한 내용들만 작성할 예정입니다.전체코드는 노마드코더 kakao-clone git 에서 확인하실 수 있습니다.

회원의 타입에 따라 회원가입페이지도 다르고 데이터베이스 type 필드에 각각 회원의 타입을 insert해줘야하는데 어떤 방법으로 값을 넘겨줘야 할지 고민하다가 input type="hidden"을 사용하여서 db에 값을 넘겨주었다.submitHandler는 jquery

nibble의 TIL 보러가기 20191125 인스타그램 클론하여 코딩 인스타그램 클론 코딩 프런트 엔드 헤더 및 메인 컨테이너 스토리, 추천 보드까지 html, css 완성 20191126 인스타그램 클론하여 코딩 반응형 웹, js 좋아요, 상단바, 사이드바 고정 20191127 인스타그램 클론하여 코딩 반응형 웹 좋아요, 공유, 북...

이번주? 저번주 내내 계속 이력서 및 포트폴리오 작성하고 목요일부터 금요일까지 24시간 코딩테스트를 보았다. ㅜㅜ 내가 생각했던 코테랑은 좀 달랐다. 객체지향 그리고 db와 관련된 문제였는데 음.. 잘 풀지 못하여 떨어졌다.. 조금 우울해져서 오랜만에 집에가서 밥먹고 기운을 보충하였다.. 내가 부족한 것을 누구의 탓을 하지는 않겠지만 그냥 우울해서 푹 쉬었...

첫번째 코드 완주한 리스트 목록과 완주하지 못한 리스트 목록의 값을 인덱스로 비교하였다. 중복된 이름을 방지하기 위하여 pop으로 완주하지 못한 리스트를 제거하였다. 테스트케이스는 모두 통과하였지만 효율성은 거지같았다. 효율성 통과0 두번째 코드 나는 알고리즘 공부를 시작한지 얼마 안되서 일단 테스트 케이스만이라도 통과하는게 목적이었다. 해시에 대해서 좀...

nibble의 TIL 보러가기 20191118 포트폴리오, 이력서 수정 후 최종 제출 서류 합격 목요일 아침 10시 코테 기업 분석 백준 알고리즘 2577, 3052, 1546, 8958 20191119 재귀 백준 알고리즘 복습 및 4344, 1165, 11720, 2675, 1921 20191120 백준 알고리즘 2309, 1463 Dp(피보나치) ...

여태까지는 알고리즘 공부도 조금(진짜조금) 했지만 이력서 및 포트폴리오를 작성하면서 계속 좌절감에 빠졌다. ㅜㅜ 역시 자기 자신을 돌아볼 수 있는 것은 이력서와 포폴이 가장 강력한 것 같다. 면접도 봤지만 탈락 문자도 오고 아예 안오는 곳도 많았다.(연락 준다면서요..ㅜ) 뭐 어쩌겠나 내가 부족한 탓인걸 흑흑 행사도 두번이나 참석하였는데 특히 페이스북 ...

🚛 강의 내용 2019년 11월 15일 강의 대상은 대학생, 개발자를 준비하는 사람들이 들으면 좋은 강의였습니다. 주니어 개발자가 어떻게 이직을 준비하였는지(진유림 님), 및 비전공자가 어떻게 개발자로 일하게 되었는지(한정수 님) 이렇게 두 분이 발표를 진행하였고, 현재 주니어 백엔드 개발자로 취업 준비 중인데 강의를 듣고 이력서를 쓰는데 도...

1. 프렌즈 타임 웹앱 개발 삽질기 - 송명현(카카오 게임즈) 웹앱의 장점 카카오톡 서비스만 깔려있으면 바로 접속 가능 업데이트 주기를 카톡이랑 맞출 필요 x 프런트 엔드 선택 (전문 웹 개발자가 없는 상황) 러닝 커브가 낮은 vue.js를 사용 spa 구조 사용자 경험 자연스럽게 이동하는 것이 중요 트래픽이 많이 몰려도 부하 적음 But 초기에 ...

nibble의 TIL 보러가기 20191110 SSAFY 지원서 작성 백준 2562 백준 2920 (stored 함수) 20191112 이력서 및 포트폴리오 작업 20191113 이력서 및 포트폴리오 작업 카카오 프런트엔드 밋업 행사 참여 20191114 이력서 및 포트폴리오 작업 20191115 페이스북 이노베이션 랩 행사 참여 이력서 및 포트폴...

nibble의 TIL 보러가기 2019.11.6 오랜만에 리덕스 공부.. 제로초 강의에 올라왔는데 일주일뒤 유료라고해서 함 훑어봤다.오랜만에 redux를 보았는데 action 함수 객체부분이 이해가 잘안갔는데 그런 부분들이 자세히 나와있어서 좋았고 파이썬 하다가 js하니까 자꾸 저장버튼을 안누르게된다 ;; 브랜디 면접이 있어 기술스택 및 관련된 기술들이 ...

[회고] omomuck_프로젝트 1. 프로젝트 참여 계기 9월 말 막 퇴사를 하고 쉬고싶지만 차마 내 실력으로 도저히 쉴 수가 없었다. 그렇다고 공부를 막하기에는 뭔가 막막하고 파이썬을 써본 적도 없기도 해서 스파르타 코딩클럽이라는 수업을 신청하게 되었다! 프로젝트를 참여한 것은 아니지만 9월 ~ 11월까지 수업을 하였는데 4주동안은 프런트, 파이썬-백엔...

20191030 오모먹팀의 front - backend의 합쳐놓는 작업을 완성했다. 다음 api키가 git에 올라가있어서 분명 gitignore에 넣어놨는데 흠,, 적용이 잘 안되어서 재발급 받은 후 다시 push 하였다. aws rds를 적용중인데 될 것 같으면서도 잘 되지 않아서 너무 답답하다. DB를 올렸다 내리는데도 너무 오래걸리고ㅜ 오늘 브랜디에서...

1. 한주 동안의 회고 2. 한 주 동안 배운 것 Python-Flask-telegram으로 챗봇 Test를 해봤다. 자꾸 막혀가지고 하루를 거의 세팅하는데 보내고 정작 코드 짠 시간은 한 시간 정도.. 원래 플젝으로 챗봇을 진행하려고 했지만 플젝 팀을 다시 계획하면서 웹으로 변경되었다. 그래서 챗봇은 혼자 하는 걸로!! 다음 지도 API 사용 재작년 ...

Hyper Text Transfer Protocol, 인터넷에서 데이터를 주고받을 수 있는 규칙 클라이언트는 서버에 필요한 정보를 달라고 요청을 하고 서버는 다시 클라이언트에게 응답에 대한 정보를 보냅니다. 이런 정보가 담긴 메세지를 HTTP 메시지라고 합니다. HTTP 메서드 요청을 보낼 때 주소와 함께 http메서드를 같이 보낼 수 있습니다. GET...

Ajax(Asynchronos Javascript And XML)는 언어나 프레임워크를 말하는 것이 아니고 구현하는 방식을 말한다. 웹화면을 새로 갱신하지 않고 필요한 데이터를 서버로 보내고 가져오는 방법이다. 데이터 전송 방식 ? 대표적인 비동기 통신 방식 클라이언트에서 요청받아 서버에 필요한 부분만 데이터를 가져옵니다. 상단바와 메뉴가 변하지 않는 이...