Seondalgorithm

2021년 초 개발에 입문하고 약 1년간 약간의 프로젝트와 학업을 병행 해오면서 (나머지 1년은?)대학생 동아리 수준의 프로젝트를 넘어 실무에서 일해보고 싶다는 생각을 막연하게 해왔는데, 마침 전공 학점을 받을 수 잇는 인턴십 프로그램이 있다고 하여 지원하게 되었습니다.아직 입사 전이지만 지원하면서 아무것도 모르던 제게 그나마 블로그 후기들이 정말 큰 도움이 되었기에..저도 그런 도움에 기여하고자 기억이 남아있을 때 후기를 소소하게 작성합니다..!정보 하나하나가 소중해지는 척박하고 좁은 (그 흔한 오픈채팅방 하나 없던) ict 학점연계 프로젝트 인턴십에 대해 다음 지원자분들께 미약한 도움이라도 되기를 바라며..0. 스펙블로그와 깃허브에 분산되어있는 제 경험 관련 기록들은 주로 인스타에 모아서 정리중입니다..

시중에 있는 노션 템플릿은 “포트폴리오”에는 적합하지만 “이력서”에는 적합하지 않습니다.이력서와 포트폴리오는 다릅니다. 대부분의 기업에서 포트폴리오의 경우 선택 제출로 하거나 링크 형태로 받는 경우도 많지만필수 제출 서류인 이력서는 CV, Resume, 경력기술서 등 다양한 이름으로 불리면서대부분 문서형태로, 특히 PDF 파일로 제출하도록 권장하고 있습니다. 포트폴리오에는 소개, 경력, 프로젝트, 이력 등 다양한 내용을 최대한 많이 가능한 상세하게 담는 것이 맞습니다. 하지만 이력서는 그런 포트폴리오의 요약본입니다.간결하고, 깔끔해야합니다. 면접관은 방대한 포트폴리오가 아닌 이력서를 먼저 보고 지원자를 판단합니다.기업에서는 파일로 제출된 이력서들을 평가할 때 종이에 인쇄해서 확인하는 경우가 많습니다. 아..

개발자를 꿈꾼다면 주목! 💜 대학생 코딩캠프가 뭔데? 4주동안 하루 10분씩 자유롭게 강의를 수강하고 인증하는 대외활동입니다. 열정은 있지만 의지 부족으로 완강하지 못하는 경우가 많은데 원하는 분야를 공부하며 동기 부여와 완강을 다 잡을 수 있어요 💜 하면 뭐가 좋은데? 공부하고 싶었지만 혼자하면 동기부여도 안되고 금방 안듣게 되는 강의들을 스터디와 같은 방식으로 인증하면서 완강까지 달려갈 수 있어요 하루 10분이라는 적은 시간 꾸준히 투자해서 매일의 기적을 만들어낼 수 있습니다! 갓생을 원한다면 누구나 가능해요 추가적으로 참여해서 인증만 완료해도 무료 수강 연장, 수료증, 활동 인증서, 채용 정보가 담긴 이력서 노트, 자체 플래너 양식, 네트워킹 커뮤니티 등을 얻어갈 수 있습니다 💜 어떻게 참여하는데?..

코드잇 앰버서더 1기로 활동하게 되어 활동을 본격적으로 시작하기 전, 왜 개발을 시작했는지에 대한 질문을 받았다. 나를 포함해서 개발자와 개발을 꿈꾸는 사람들이 세상에 정말 많이 있는데 함께 생각해보면 좋을 질문 같아서 가져왔다 코딩 공부를 왜 시작했나요? 사실 돈 때문이 아니라고 말하면 거짓말이다 ㅎㅎ 고등학교 시절 그저 입시만을 위해 공부했고, 취업이 잘된다. 는 이유로 공대를 선택하고 개발자가 되면 돈을 잘 번다. 는 이유로 컴퓨터공학을 선택했다. 하지만 입학 후 두근두근한 마음으로 배운 전공과목은 개발자와는 거리가 멀어보였다. 물론 전공 지식인 CS (Computer Science)가 기본기로서 중요하고, 필수적이라는 사실은 알더라도 당장 멋진 개발자처럼 이것저것 만들어내보고 싶은 새내기에게는 C..

🖼 Outline Why - 교내웹개발동아리에서 겨울방학 토이프로젝트로 진행 What - 유튜브 웹사이트 클론코딩 Who - spring을 사용하시는 두명의 백엔드 분들과 협업하였으며 나는 프론트를 맡았다 How - React 기반 When - 약 한 달(2021년 11월 08일 ~ 2021년 12월 4일)간 진행했다 ✨ Main Features 1. 반응형 2학기에 집중적으로 공부한 반응형을 본 프로젝트 곳곳에서 구현하려 노력했다. 당연하지만? 미디어 쿼리를 이용하여 css 스타일을 적용하였고 const Wrapper = styled.div` display: flex; flex-direction: column; gap: 20px; width: 70vw; @media (max-width: 1300px) ..

Hook -> 기존의 함수형 컴포넌트에서 할 수 없엇던 다양한 작업들이 가능하다 1. useState : 함수형 컴포넌트에서도 state 를 관리해서 가변적인 상태를 지닐 수 있게해준다 const [vasue, setValue] = useState(0); [현재 상태, 상태를 바꿔주는 함수] = useState(초기상태) - state : props 와 달리 컴포넌트 내부에서 값을 변경 할 수 있음 (props 는 읽기전용으로 값을 변경하려면 paraent 에서 값을 바꿔야한다) 2. useEffect : 컴포넌트가 렌더링 될 때마다 특정 작업을 수행하도록 설정 : 클래스형 컴포넌트의 componentDidMount + compareDidUpdate useEffect( () => { console.log..

1. 그냥 스페이스바 2. 조금 더 넓은 스페이스바 3. 조금 더 많이 넓은 스페이스바

한줄에 글자를 쓰면서 크기가 다른 글자를 쓰고싶다 은근 간단한 기능이면서 티스토리에서도 안되더라 (내가 모르고있는거겠지) 방법1. HTML bigger text smaller text 방법2. HTML bigger text smaller text CSS .oneLine h2, .onneLine h3 { display: inline; }

색상값.. #fffff 뭐 이런식으로 되어있거나 rgb로 되어있거나 외우기 힘든건 똑같다.. 어처피 자주 사용할 색상값이면 이름을 붙여주고 그 이름만 쓰면 얼마나 편한가? 게다가 이렇게 하면 나중에 컬러 조합을 바꾸고싶을때 그 변수이름에 해당하는 색상값만 살짝 바꿔주면 된다. 짱편함 1. 색상값 변수로 지정하기 :root { --maincolor : #f29191; } css파일에서 이렇게 지정한다 2. 활용하기 이제 각 색상들을 아래 변수 이름으로 사용할 수 있다. var(--maincolor) (1) css 에서 활용 body { background-color: var(--maincolor); } (2) JavaScript 에서 사용 Move to Profile const Card = styled.d..

: css나 sass 같이 class, id, tag name 을 가져와 쓰지 않고, 스타일 지정된 컴포넌트를 생성하여 TAG 쓰듯 스타일 컴포넌트를 쓰는 것을 말한다. 즉, 리액트에서 ui단위를 나누어 컴포넌트화 하듯, 스타일을 컴포넌트화 하여 재사용이 가능하며 전역에서 중첩 사용되지 않게 만들어줌 1. 터미널에 다음 명령어 입력 npm install --save styled-components 2. import styled from 'styled-components'; 3. const 스타일 컴포넌트 이름 = styled.태그명'여기에스타일지정' - 이때 ` ` 사용 주의 !! ( " " 아님, ' ' 아님) - import들 아래, return 함수 위에..