[#1] React Portfolio :: 포트폴리오 2일차, 사진 및 경력 넣기

오늘은 퇴근하고 돌아와서 포트폴리오를 마저 수정했다.

오늘 한일

1. 영문으로 되어있던 내용들 다 한글로 바꿨다. -> 나중에 영문,한국어 버튼을 만들어서 전환해서 볼수 있게 개발해보려고 생각중!

2. 내 프로필 사진 이미지를 바꾸어서 넣었다. 리액트 정말 쉽고 좋다!

3. 경력사항을 입력했다.

 

오늘 배운 것

JSX 문법 -> && 태그 || 태그 등을 배웠다. JSX는 react인데 되게 로직을 잘 녹여될 수 있게 되어있는 문법 같다. 정의되지 않은 변수가 들어오면 이런 데이터를 내보내라, 등을 || 태그를 이용해서 사용할 수 있다.

JSX에서 줄바꿈하기 -> https://qgqg264.tistory.com/160

JSX :: React에서 데이터 줄 바꿈, jsx 데이터 줄 바꿈

사실 줄바꿈 처리를 pre-wrap 문법으로 처리하면 된다는건 배웠는데 , css 태그의 부모..?라고하나

가장 최상위 style 태그를 못찾아서 고생했다.

개발자도구로 element 찾아서 들어가서 폴더 전체검색으로 최상위 태그를 찾았다. 결론적으로는 해결

 

그래서 현재까지 결과물

 

 

뭔가 포트폴리오를 만들수록 손대고 싶은 부분이 많아지네....

이래서 css의 길로 손을 대게 되는건가?!