풩철이의 IT 생존백서

벌써 프론트엔드 데브코스 1차 단위기간이 끝났습니다. 그동안 죽어라 블로그 글을 안써왔기 때문에 저의 심심한 블로그를 채워보고자 기록챌린지를 신청했는데요. 기록 챌린지란 1차 단위기간 동안 제가 배운 내용을 요약하는 활동입니다. 아니나 다를까, 현재 저는 마감 임박해서 부랴부랴 이 글을 쓰고 있습니다. 아무튼 시작하겠습니다! 1주차 ~ 2주차 (10월 17일 ~ 10월 28일) 1) 바닐라 자바스크립트 주요 문법과 자바스크립트 동작 원리, DOM과 Virtual DOM 개념 2) 브라우저 렌더링 원리, 유니코드 등 기본 CS 지식 일부 3) 자료구조, 알고리즘 학습 4) 코딩테스트 대비 문제 풀이 저는 솔직히 말해서 자바스크립트 문법은 더 볼 것도 없다고 자만했습니다. '하, 나 참. 1주차는 영상 틀어..

TL;DR; - Open Systems Interconnection(OSI) - 네트워크 시스템과 통신을 설명하는 가상의 개념적 모델이자 표준 규약 - 각 계층마다 고유한 기능이 있으며, 프로토콜 또한 기능별로 구분 - Application, Presentation, Session, Transport, Network, Data link, Physical 로 7개 layers가 존재 - Application : 사용자가 네트워크에 접근할 수 있도록 인터페이스 제공, 데이터 송수신 과정 출발지이자 최종 목적지 - Presentation : 데이터의 형식 번역, 암호화 및 복호화 - Session : 세션 생성, 유지, 관리. 상대방과의 연결 확인 및 인증 Github TIL에 정리해놓고 블로그에는 나중에 올..

블로그 글을 쓴지 얼마나 되었다고 9월, 10월 두 달을 합쳐서 근황 풀이를 하게 되었습니다. 심지어 10월은 아직 끝나지 않았지만, 미리 당겨보았습니다. 특별히 무슨 일이 더 생기진 않을 것 같아서요! 사실 근황이랄 것도 없네요. 거의 매일 입사지원서를 쓰고 코딩 테스트를 본 것이 전부입니다. 근황 보고 OPIC 응시 Woori 코딩 페스티벌 본선 참가 라인 서류 지원 및 코딩테스트 카카오 블라인드 코딩 테스트 프로그래머스 프론트엔드 데브코스 지원 및 합격 넥토리얼 인턴쉽 지원 기업 서류 지원 인적성 검사 및 코딩테스트, 면접 알고리즘 스터디 8월 근황 글에 9월달부터 20개 이상 기업 지원 하는 것을 목표로 했습니다만, 쉽지 않더라고요. 자기소개서 문항을 채워 나갈 때마다 피가 말랐습니다. 그래도 몇..

바닐라 자바스크립트로 연극 정보 제공하는 사이트를 구현하는 토이프로젝트를 진행하다가 다양한 문제를 겪었는데요. 그 중 하나가 연극 포스터 이미지 배치에 대한 것이었습니다. 제가 원하던 이미지 배치는 아래와 같았습니다. 이미지들을 감싸는 컨테이너가 flex box니까 그냥 flex-wrap: wrap; 과 justify-content: space-evenly; 를 주면 되겠거니 생각했지만 곧 아래와 같은 문제가 생겼습니다. CSS는 이렇습니다. flex box가 ul이라고 보시면 됩니다. 다른 요소들에 대한 스타일은 제외했습니다. .container ul{ display: flex; flex-wrap: wrap; justify-content: space-evenly; } .container ul > li{..

안녕하세요! 풩철이입니다. 힘차게 느낌표로 인사를 시작했지만, 기분은 그리 좋지 않습니다. 왜냐하면 올해 8월은 제게 참 잔인한 달이었기 때문입니다.ㅠㅠ 그동안 저는 코테, 면접에서 연달아 고배를 마셨습니다. 7 ~ 8월에 제가 지원한 기업이 대략 6곳 정도 되는데, 그 중 면접에서 2번, 코테에서 4번 떨어졌습니다.('겨우 6곳을 지원했다고?'라며 물음표를 띄우실 지도 모르겠지만, 저는 아직 취준한지 얼마 안된 점을 고려해주시길...) 면접의 경우에는 1차 면접 1번, 2차 면접에서 1번 떨어졌네요. 폭우를 뚫고 면접을 진행했던 기업에서 끝내 탈락 소식을 들었을 때의 허탈감이란 정말 말로 표현할 수 없었습니다. 기억나는 일화가 있어서 말씀드리자면, 한 기업의 면접관께서 공백기 2년 동안 무엇을 했느냐고..

SSAFY를 하면서 CS에 대한 공부를 해야겠다는 생각이 들어 CS 스터디를 들어갔습니다. 거기서 교재로 선택한 책이 바로 이 책이었습니다. SSAFY 멘토링 게시판에서 추천된 명저라고 하기에 두근거리는 마음으로 인터넷 교보문고에서 구매했습니다. 집에서 택배를 뜯고 책을 들어 보니 일단 책 두께에 한 번 놀라고, 얼핏 봐서는 무슨 소리인지 하나도 이해가 되지 않는 책 내용에 두 번 놀랐습니다. 그때 제 속마음은 '이걸로 과연 공부할 수 있을까?'이었습니다. 이 책에 대한 교보문고 소개란에는 이런 내용이 있습니다. #비전공개발자 태그가 보이시나요? '비전공자도 재미있게 읽을 수 있는 컴퓨터공학 핵심 강의!'라고 설명이 되어 있네요. 개인적으로는 비전공자의 기준이 언제 이렇게 높아졌나 싶었습니다. 비전공자 ..

지난 일요일에 정보처리기사 실기 시험을 보고 왔습니다. 제가 사는 지역은 수도권이지만, 시험 접수 때 수도권 인근 모든 시험장을 놓쳐 버리는 바람에 대전까지 가야만 했습니다. 대학 수강신청 때보다 기사 시험 장소를 접수하는 게 더 빡센 것 같습니다. 필기 시험도 대전까지 가서 치른 것을 생각하면, 정처기 시험 하나 때문에 날린 돈만 20만원 가까이 되는 것 같습니다. 일요일 아침 일찍부터 실기 시험이 예정되어 있어서 그 전날인 토요일에 미리 대전 숙소에 머무르기로 했습니다. 야놀자에서 '호텔라인'이라는 곳이 평이 좋기에 그곳으로 예약했는데, 제가 예약했을 당시에는 1인실이 만실이라 어쩔 수 없이 2인실로 했습니다. 그런데 숙소에 도착하고 보니 때마침 1인실 하나가 비어서 만원을 페이백을 받고 1인실로 옮..

글이 길어져서 나누기로 했습니다. 아무래도 1년 짜리 활동을 글 하나로 때우는 건 무리였나 봅니다.😁 2학기 공통 프로젝트 start : 웹기술 활용하기 공통 프로젝트는 웹기술, 웹디자인, 웹IoT에서 하나를 골라 비전공자들과 전공자들이 한 팀을 이루어 진행하는 프로젝트입니다. 2학기 시작하기에 앞서 공통 프로젝트를 위한 팀빌딩 시간이 있었습니다. 제가 속한 대전 캠퍼스는 팀빌딩이 정말...거의 빛의 속도로 끝났습니다. 팀빌딩을 위해 다른 교육생들과 아이스브레이킹하는 시간이 있었는데, 자기 소개를 거하게 말아먹어서 저와 같이 팀을 하자고 제안하는 사람이 한 명도 없었습니다. 듣자 하니 자기소개가 끝날 때마다 마음에 드는 인원이 있으면 바로 DM을 주고 받았다고... 아무튼 남은 사람들끼리 모여 팀을 이뤘..

SSAFY 6기를 수료했습니다. 길다면 길고, 짧다면 짧은 1년이었는데요. 수료식이 15일에 진행되었는데, 이제야 수료식 후기를 쓰네요. 입사지원서 쓰고 포트폴리오 준비하느라 나름 바빴습니다(?) SSAFY 동기생분들이 너나할 것 없이 기술 블로그를 만들길래, 저도 한 번 만들어봤습니다. 첫 글을 수료 후기로 쓸 생각에 가슴이 두근거리네요.ㅎㅎㅎㅎ 지금 작성 시점이 7월 2일인데, 네이버 공채 코딩 테스트에서 탈탈 털리고 난 뒤라 멘탈이 바사삭 무너진 상태입니다. (적어도 신입 개발자로 네이버 문턱을 밟을 날은 제게 없을 거라는 생각이 들었습니다. 😂) SSAFY 1년 활동 회고하기 SSAFY 에서 1년간 나는 무엇을 배웠나? 저는 웹개발 python 트랙으로 SSAFY 6기에 지원했습니다. 때는 코로나..